/*-----------------------------------------------------------------------------------

                                      Recherche

-----------------------------------------------------------------------------------*/
::-webkit-input-placeholder {color:#fff; font:60px "Gotham-Bold";}
::-moz-placeholder{color:#fff; font:60px "Gotham-Bold";}
:-ms-input-placeholder{color:#fff; font:60px "Gotham-Bold";}
input:-moz-placeholder{color:#fff; font:60px "Gotham-Bold";}

.search-overlay { position:fixed; display:none; top:0; left:0; right:0 bottom:0; background:#060d19; background:rgba(6,13,25,.95); width:100%; height:100%; z-index: 999; overflow:auto; }
.search-overlay a#close-search { position:absolute; right:30px; top:30px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAbCAQAAAAjKOzjAAAAmklEQVQ4y5XRuxHDMAyDYUziSptkHw+hGTxRBvA2qpHCjq0HKFLHCsf7qh/ciaXbwZN5AWSe4MYSRpmFGwimIMosTMQ1IugGf+KjB7xkjipQExs1oCUadaAnIxrASFokgCIvkkCTC301sAh4kDz0z+7wsTrNwhmd5uEkckor5JRWyAMC+WBAEdChGGhQFFQoDh6EBXAjLAEQTD89qO7qgrxBEgAAAABJRU5ErkJggg==); width: 25px; height: 27px;}
.search-overlay form { padding: 50px 0 30px; width:100%; margin:auto; right: 80px;}
.search-overlay form input[type=text] { font-family: 'Gotham-Medium', sans-serif; text-transform: uppercase; width:93.692308%; /* 1218 ÷ 1300 */ margin:auto; font-size: 60px; padding:10px; background: none; color: #fff; border: none; }
.search-overlay form input[type=text]:focus { border: none; outline: none; color: #fff;}
.search-overlay form input::-ms-clear { width : 0; height: 0; }
.search-overlay form input[type=submit] { display:none; }
.search-overlay .search-results { width:100%; max-width:1300px; margin:auto; }
.search-overlay .search-results ul{padding:0 20px;}
.search-overlay .search-results ul li { width:21.9230769%; max-width:457px; background:#fff; display:inline-block; margin:0 4.10256413% 45px 0; /* 40 ÷ 1300 + this ÷ 3 */ position: relative; overflow: hidden;}

.search-overlay .search-results ul li:nth-child(4n+4) { margin-right:0; }
.search-overlay .search-results ul li img {display: block; width:auto; max-width:100%;}
.search-overlay .search-results .search-loader { display: none; width: 500px; height: 500px; margin: auto; background: url('../bundles/tceapp/images/ajax-loader.gif') no-repeat center center; }

.search-overlay .search-results ul li .legend { position:relative; text-align: center;  width: 100%; height: 75px; line-height: 75px; padding: 0 10px; background: #fff; color: #d50032; font-size: 18px; transition:all .3s ease-in-out;}

.search-overlay .search-results ul li .legend .nom { font-family: 'Sentinel-MediumItalic', serif; font-size: 16px; margin-bottom: 5px; display: inline-block; vertical-align: middle; line-height: 1.2em;}
.search-overlay .search-results ul li .legend .author { font-family: 'Sentinel-Medium', serif; font-size: 16px; color:#fff; -webkit-font-smoothing: antialiased;font-smoothing: antialiased;font-smooth: always;-moz-osx-font-smoothing: grayscale;}
.search-overlay .search-results ul li .legend .detail { display: block; font-family: 'Gotham-Bold', sans-serif; font-size: 12px; text-transform: uppercase; position: absolute; bottom: 33px; width: 100%; text-align: center; display: none; }
.search-overlay .search-results ul li .legend .detail img {line-height:75px; position:relative; bottom:0; display:inline-block; margin-left:10px; }

.search-overlay .search-results ul li:hover .legend { background:#d50032; }
.search-overlay .search-results ul li:hover .nom { display: none; }
.search-overlay .search-results ul li:hover .author {}
.search-overlay .search-results ul li:hover .detail { display: block; bottom: 0; left: 0; right: 0; height: 75px; line-height: 75px; text-align: center;}

.search-overlay .search-noresult { display: none; font-family: 'Gotham-Book'; font-size: 32px; color: white; padding: 40px 0 0 20px; width:93.692308%; }
.search-overlay .search-noresult #close-search-button { display: block; font:15px "Gotham-Medium"; text-transform:uppercase; line-height:50px; margin-top: 40px; cursor: pointer; width: 289px; height:50px; color:#fff; background:#ff5e00; padding:0 0 0 20px; -webkit-transition:all .3s; -moz-transition:all .3s; transition:all .3s; -webkit-font-smoothing: antialiased;font-smoothing: antialiased;font-smooth: always;-moz-osx-font-smoothing: grayscale;}
.search-overlay .search-noresult #close-search-button:before{display:inline-block; vertical-align:middle; content:""; margin-right:15px; background: url(../bundles/tceapp/images/puce-fleche-link.png) no-repeat center; width: 26px; height: 19px;}
.search-overlay .search-noresult #close-search-button:hover { background-position:210px center;background-color:#d50032;}