/* For the details, see:
   http://flowplayer.org/tools/dateinput/index.html#skinning */

/*   
	COULEUR BANDEAU HAUT DEGRADE : from  #6b5327 - to  #553a0d
	COULEUR BANDEAU DES JOURS : #d50453
	COULEUR DES JOURS DESACTIVES : #f1f1f1;
	COULEUR DES JOURS AU SURVOL : #dddddd;
	COULEUR DATE DU JOUR : #333333
	COULEUR DATE SELECTIONNEE : #7dc0d7
*/



/* the input field */
.date {}

/* calendar root element */
#calroot {
    font-family: Verdana, Geneva, sans-serif;
    z-index:10000;

    margin-top:10px;
    width:200px;
    background-color:#fff;
    font-size:11px;

    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;

    -webkit-box-shadow:0 0 6px rgba(0,0,0,0.8);
    -o-box-shadow:0 0 6px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 6px rgba(0,0,0,0.8);
    box-shadow:0 0 6px rgba(0,0,0,0.8);

    /*	border: 5px solid #fff!important;
        border-radius: 5px!important;*/
}

/* head. contains title, prev/next month controls and possible month/year selectors */
#calhead {
    padding: 5px 0;
    height: 24px;
    background: #6b5327; /* Old browsers */
    background: -moz-linear-gradient(top, #6b5327 0%, #553a0d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6b5327), color-stop(100%,#553a0d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #6b5327 0%,#553a0d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #6b5327 0%,#553a0d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #6b5327 0%,#553a0d 100%); /* IE10+ */
    background: linear-gradient(to bottom, #6b5327 0%,#553a0d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b5327', endColorstr='#553a0d',GradientType=0 ); /* IE6-9 */

}

#caltitle {
    font-size: 1.3em;
    line-height: 1.6em;
    color: white;
    float: left;
    text-align: center;
    width: 150px;
}

#calnext, #calprev {
    display:block;
    width:20px;
    height:20px;
    cursor:pointer;
}

#calprev {
    float:left;
    background: url(../medias/sprite.png) no-repeat 0 0;
}

#calnext {
    float:right;
    background: url(../medias/sprite.png) no-repeat -20px 0;
}

#calprev.caldisabled, #calnext.caldisabled {
    visibility:hidden;
}

/* year/month selector */
#caltitle select {
    font-size:10px;
}

/* names of the days */
#caldays {
    height: 20px;
    line-height: 1.6em;
    color: white;
    background-color: #6b5327;
}

#caldays span {
    display:block;
    float:left;
    width:28px;
    text-align:center;
}

/* container for weeks */
#calweeks {
    margin-top:1px;
}

/* single week */
.calweek {
    clear:left;
    height:22px;
}

/* single day */
.calweek a {
    display:block;
    float:left;
    width:27px;
    height:20px;
    text-decoration:none;
    margin-left:1px;
    text-align:center;
    line-height:20px;
    color:#666;
}

/* different states */
.calweek a:hover, .calfocus {
    background-color:#dddddd;

    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}

/* sunday */
a.calsun {
    color:red;
}

/* offmonth day */
a.caloff {
    color:#ccc;
}

a.caloff:hover {
    background-color:rgb(245, 245, 250);
}


/* unselecteble day */
a.caldisabled {
    background-color:#f1f1f1 !important;
    color:#ccc	!important;
    cursor:default;
}

/* current day */
#calcurrent {
    background-color:#7dc2a3;
    color:#fff;
}

/* today */
#caltoday {
    background-color:#333333;
    color:#fff;
}

/* CSS Templates quicksearck
=========================================================== */

.quicksearch.laa-bootstrap .qs_ul {
    position: relative;
    padding: 5px 0;
    margin-bottom: 0;
}
.quicksearch.laa-bootstrap .qs_ul:after {
    content:'';
    display: block;
    clear: both;
}

.quicksearch.laa-bootstrap select {
    width: 50px;
    height: 20px;
}
.quicksearch.laa-bootstrap input.inputPromo,
.quicksearch.laa-bootstrap input.datepicker {
    width: 120px;
}
.quicksearch.laa-bootstrap select,
.quicksearch.laa-bootstrap input.inputPromo,
.quicksearch.laa-bootstrap input.datepicker {
    height: 20px;
    margin-bottom: 0px;
}

.quicksearch.laa-bootstrap li {
    float: left;
    list-style: none;
}
.quicksearch.laa-bootstrap li.qs_li_text,
.quicksearch.laa-bootstrap li a.qs_options {
    margin-left: 7px;
    margin-right: 2px;
    line-height: 20px;
}
.quicksearch.laa-bootstrap li.qs_li_field { }
.quicksearch.laa-bootstrap li input[type="text"] {  }
.quicksearch.laa-bootstrap li input[type="button"] {  }
.quicksearch.laa-bootstrap li select {  }

.quicksearch.laa-bootstrap input.datepicker { }
.quicksearch.laa-bootstrap input.inputDateArrive { }
.quicksearch.laa-bootstrap input.inputDateDepart { }

.quicksearch.laa-bootstrap li select.selectAdults { }
.quicksearch.laa-bootstrap li select.selectChambres { }
.quicksearch.laa-bootstrap li select.selectEnfant { }
.quicksearch.laa-bootstrap li select.selectEnfant_1 { }
.quicksearch.laa-bootstrap li select.selectEnfant_2 { }
.quicksearch.laa-bootstrap li select.selectEnfant_3 { }
.quicksearch.laa-bootstrap li select.selectBebe { }
.quicksearch.laa-bootstrap li input.inputPromo { }
.quicksearch.laa-bootstrap li a.qs_options {
    display: inline-block;
    margin-right: 7px;
}
.quicksearch.laa-bootstrap li input.BtnReserver { }
.quicksearch.laa-bootstrap li input.BtnReserver:hover { }
.quicksearch.laa-bootstrap .AgeEnfants { }


.quicksearch.laa-bootstrap .ContentSelectAgeEnfant {
    position: absolute;
    left: 40%;
    top: 100%;
    padding: 5px 7px;
    background-color: #fff;
    border: 1px solid #000;
    color: #000;
}
.quicksearch.laa-bootstrap .ContentSelectAgeEnfant select {
    margin-bottom: 0;
    margin-right: 5px;
}
.quicksearch.laa-bootstrap .duplicateAgeEnfant { display: none; }
.quicksearch.laa-bootstrap .duplicateAgeEnfant .AgeEnfants {  }

/* END CSS Templates quicksearck
=========================================================== */