.search {
    position: fixed;
    top:0;
    left:-690px;
    z-index: 20000;
    padding: 0 20px;
    width: 600px;
    height: 100%;
    background-color: #fff;
    color:#000;
}
.search-header {
    height: 120px;
}
.search-footer {
    height: 40px;
}
.search-title {
  color: #000;
  font-size: 1.5em;
  margin: 30px 0 15px;
}
.search .title-after-search {
    display: none;
}
.search-title span{
    color:#000;
    font-style:italic;
    font-size:16px;
}
.search .search-form {
  height: 40px;
  margin: 0;
  padding: 5px 0;
  position: static;
  width: 100%;
}
.search .search-form input{
    height: 100%; /* Ne pas toucher à cette hauteur */
    border:none;
    vertical-align: top;
}
input:focus {
  outline: none !important;
}
.search .search-form input[type='text'] { 
    padding: 0 5px; 
    width: 79%; /* Réduire de 1% pour IE7 */
    border: solid 1px #000;
}

.search .search-form input[type='submit'] { 
    /*margin: 0 1%; */
    float: right;
    width: 18%;
    background-color: #000;
    color: #fff;
    text-align: center;

}

.search .search-form input[type='submit']:hover {
    background-color: #000;
}
.search .close-bt {
  background-color: #000;
  color: #FFFFFF;
  display: block;
  padding: 7px;
  position: absolute;
  right: 5px;
  text-align: center;
  top: 5px;
  z-index: 30;
  line-height: 1;
}

.search .close-bt:hover {
    color: #fff;
    background-color: #000;


}
.search-results {
    overflow: hidden;
}
.search-result a {
  color: #000;
  text-decoration: underline;
  text-transform: uppercase;
}
.search-result a:hover{
    text-decoration: underline;
}
.search-result p {
  font-size: 11px;
  line-height: 17px;
  margin: 10px 0 20px;
}
.search-results .no-match{
    padding:15px 30px;
    border:1px solid #930101;
    background:#a40101;
    color:#fff;
    font-size:16px;
}