/* 
    Document   : search
    Created on : Sep 23, 2013, 3:38:35 PM
    Author     : dogierdenis
    Description:
        Purpose of the stylesheet follows.
*/
.rechColLeft {
    width:250px;
    /*border-right:solid 1px #C2C2C2;*/
}
.vertical .blockSearch select,
.vertical .blockSearch input{
    max-width: 200px;
}
.blockSearchStd {
    padding-bottom: 15px;
    border-bottom:solid 1px #C2C2C2;
}
.blockSearchCarte{
    padding-bottom: 15px;
}
.rechTable{
    width: 100%;
    table-layout: fixed;
}
.rechTable.noSearch.vertical,
.rechTable.vertical .rechColLeft{
    width: 250px;
}
.rechColLeft ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.rechResultDest{
    font-size: 8pt;
}
.zoneLoadGmap {
    position: absolute;
    left: -10000px;
}
.zoneLoadGmap .rechResultContent {
    clear:both;
    width: 300px;
}
.zoneListeResult,
.cellResultRech {
    position:relative;
    height:100%;
}
.loaderRech {
    position:absolute;
    top:0px;
    left:0px;
    text-align: center;
    background: #FFFFFF;
    display: none;
}
.noSearch.horizontal.rechTable{
    width: 100%;
    margin: auto;
}
.rechLocation.noSearch.horizontal .blockSearch {
    float:left;
}
.noSearch.horizontal .blockSearch {
    padding: 10px;
    border: none;
    min-height: 340px
}
.noSearch.horizontal .blockSearchLocationStd{
   width:340px;
   border: none;
   border-right:solid 1px #C2C2C2;
}
.noSearch.horizontal .blockSearchVoyageStd{
   width:300px;
   border: none;
   margin: auto;
}
.noSearch.horizontal .blockSearchCarte{
   padding-left: 20px;
   width:250px;
}
.noSearch.horizontal .rechColLeft{
    border: none;
}
.zoneLocColLeft{
    position:relative;
}

.blockSearchDesign.accueilSearch {
    background:none;
    background-color:rgba(0,0,0,0.5);
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);
    zoom:1;
    color:#ffffff;
    padding:10px;
}

.blockSearchDesign.accueilSearch .blockSearchSwitch {
    display: none;
}

.blockSearchDesign.accueilSearch h2 {
    text-transform: uppercase;
    font-weight: 300;
    color : #ffffff;
}

.blockSearchDesign.accueilSearch .blockSearchSuppl {
    display:none;
}


.blockSearchDesign.accueilSearch .btnSearch {
    float:right;
    width:50%;
}
.blockSearchDesign.accueilSearch .btnDeleteSearch {
    width: 49%;
    margin-right:1%;
}

.vertical .blockSearchDesign.accueilSearch .btnSearch,
.vertical .blockSearchDesign.accueilSearch .btnDeleteSearch,
.blockSearchDesign.resultSearch .btnSearch,
.blockSearchDesign.resultSearch .btnDeleteSearch {
    width: 100%;
    margin: 2px 0px;
}

.blockSearchDesign.resultSearch .btnSearch {
    display: none;
}

.blockSearchDesign input[type="text"],
.blockSearchDesign select {
    width : 100%;
    box-sizing: border-box;
    padding:8px;
    background: #fff;
    border: solid 1px #999;
    height: 40px;
}

.blockSearchDesign .placeholder {
    color: #999;
}
.blockSearchDesign select.placeholder option.placeholder {
    display:none;
}

.blockSearchDesign select option, 
.blockSearchDesign select optgroup {
    color: #000;
}

.blockSearchDesign .blockSearchMot {
    box-sizing: border-box;
    padding: 5px;
    position: relative;
}

.blockSearchDesign .blockSearchMot input {
    padding-right: 35px;
}

.blockSearchDesign .blockSearchMot .blockSearchMot-infos {
    border-radius: 20px;
    border:solid 2px #999;
    width: 20px; 
    height:20px;
    position: absolute;
    right:14px;
    bottom:12px;
    color:#999;
    text-align: center;
    line-height: 20px;
    font-family: 'Times New Roman', Times, serif;
    font-weight: bold;
    font-style: italic;
    font-size: 20px;
}

.blockSearchDesign .blockSearchAdv {
    float:left;
    width:33.3%;
    box-sizing: border-box;
    padding: 5px;
    position: relative;
}

.blockSearchDesign .blockSearchAdv label {
    display:none;
}

.vertical .blockSearchDesign .blockSearchAdv {
    float:none;
    width:100%;
}

.blockSearchDesign.resultSearch {
    padding-right: 15px;
}

.ui-datepicker-trigger {
    position: absolute;
    margin-left: -26px;
    margin-top:8px;
}

button.ui-datepicker-trigger {
    position: absolute;
    padding: 0px;
    margin: 0px;
    left: inherit;
    right: 20px;
    top: 16px;
    color: grey;
}

.resultSearch button.ui-datepicker-trigger {
    top: 48px;
}


.blockSearchDesign.resultSearch {
    display: block;
}

.blockSearchDesign.resultSearch .blockSearchSwitch a {
    color: #fff;
    display: none;
}
.blockSearchDesign.resultSearch .blockSearchSwitch a.current {
    display: block;
}

.blockSearchDesign.resultSearch .blockSearchSwitch a img {
    width: 250px;
}

.blockSearchDesign.resultSearch .blockSearchMot,
.blockSearchDesign.resultSearch .blockSearchAdv {
    float:none;
    width: 100%;
    padding: 15px 0px;
    border-bottom:solid 1px #C2C2C2;
}

.blockSearchDesign.resultSearch .blockSearchMot h2 {
    display:none;
}

.blockSearchDesign.resultSearch .blockSearchMot .blockSearchMot-infos {
    right: 5px;
    bottom: 23px;
}

.blockSearchDesign.resultSearch .blockSearchAdv label {
    display: block;
    font-weight: bold;
    font-size:12px;
    color: #333;
    margin-bottom: 4px;
}

.blockSearchDesign.resultSearch .blockSearchAdv label.optSupplBool {
    font-weight: normal;
}

.tabsRech {
    border:none;
    padding:0px;
}

.tabsRech.ui-tabs .ui-tabs-panel {
    padding: 0px;
}

.rechResultContent {
    background: #eee;
}

.rechNbResult {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.searchAbsoluteRight {
    position: absolute;
    right: 5px;
    bottom: 5px;
    color: #333;
    display: block;
    box-sizing: border-box;
    padding: 8px;
    background: #fff;
    border-top: solid 1px #999;
    border-bottom: solid 1px #999;
    border-left: solid 1px #999;
    height: 40px;
    font-size: 13px;
    line-height: 20px;
}

.inSearch .searchAbsoluteRight {
    bottom: 15px;
}

@media screen and (max-width: 720px) {
    table.rechLocation tr > td,
    table.rechVoyage tr > td {
        width: 100%;
        display: block;
    }
}