#calendarMonth TD {
    text-align:center;
    padding:2px;
    cursor:pointer;
    font-weight:bold;
    font-size:8pt;
}
#contentDepart .formBox {
    font-family:arial, helvetica, sans-serif;
    font-size:8pt;
}
#contentDepart .legendBox2 {
    display: inline;
    width:100px;
    margin-bottom:5px;
    text-align:center;
    font-weight:bold;
}
* > #contentDepart .legendBox2 {
    float: left;
}
#dispoDepart .bodyFrameTabText {
    text-align: center;
}
#contentDepart .legendBox3 {
    display: inline;
    font-weight:bold;
    width:100px;
    margin-bottom:5px;
    text-align:center;
}
* > #contentDepart .legendBox3 {
    float:left;
}
#contentDepart {
    padding: 10px;
    padding-bottom:0;
    margin:0;
    font-family:arial, helvetica, sans-serif;
}
#contentDepart * {
    font-family:arial, helvetica, sans-serif;
    font-size:11px;
}
#contentDepart #bodyFrame {
    margin:0;
    width:100%;
    padding:0;
}
#contentDepart #bodyTitre {
    width:100%;
    margin:0;
    text-align:left;
}
#contentDepart #bodyTitreProduit {
    margin:0;
    padding: 0;
    width:100%;
}
#contentDepart #calendarMonth {
    padding:0;
    text-align:center;
    vertical-align:top;
    background: #F8F8F8;
    margin: 0 10px 0 0;
    height: 155px;
    border:1px solid #ccc;
}
#contentDepart #calendarMonth TD {
    border:1px solid #fff;
}
* > #contentDepart #calendarMonth {
    display:table-cell;
}
.calendarMonthTitle {
    color:#f57c26;
    font: normal normal bold 8pt Arial, Helvetica, sans-serif;
}
#contentDepart #calendar #titreTabAngleDroit {
    display: none;
}
#contentDepart select {
    width:100px;
}
* > #contentDepart select {
    width: auto;
}
.calZ {
    background-color: #eee;
    color: #AFAFAF;
    cursor:default !important;
}
.cal0 {
    color: #fff;
    background-color: #ffa200;
}
.cal1 {
    color: #fff;
    background-color: #019fe0;
}
.cal2 {
    color: #fff;
    background-color: #b8d018;
}
.cal3 {
    color: #fff;
    background-color: #bc7bb5;
}
.cal4 {
    color: #fff;
    background-color: #787878;
}
.cal5 {
    color: #fff;
    background-color: #fc5c8d;
}
.cal6 {
    color: #fff;
    background-color: #2E8B57;
}
.cal7 {
    color: #fff;
    background-color: #5e939d;
}
.cal8 {
    color: #fff;
    background-color: #a49571;
}
.cal9 {
    color: #fff;
    background-color: #66FF66;
}
.cal10 {
    color: #fff;
    background-color: #FF0000;
}
.cal11 {
    color: #fff;
    background-color: #6666FF;
}
.cal12 {
    color: #fff;
    background-color: #FF6666;
}
.cal13 {
    color: #fff;
    background-color: #CC9933;
}
.cal14 {
    color: #fff;
    background-color: #3399CC;
}
.cal15 {
    background-color: #006633;
    color: #fff;
}
.cal16 {
    color: #fff;
    background-color: #009933;
}
.cal17 {
    color: #fff;
    background-color: #009999;
}
.cal18 {
    color: #fff;
    background-color: #969696;
}
.cal19 {
    color: #fff;
    background-color: #4B4B4B;
}
.cal20 {
    color: #fff;
    background-color: #996666;
}
.cal21 {
    color: #000;
    background-color: #FFCCFF;
}
.cal22 {
    color: #fff;
    background-color: #66FF33;
}
.cal23 {
    color: #fff;
    background-color: #FF9999;
}
.cal24 {
    color: #fff;
    background-color: #993333;
}
.cal25 {
    color: #000;
    background-color: #FFFFCC;
}
.cal26 {
    color: #fff;
    background-color: #99FF66;
}
.cal27 {
    color: #fff;
    background-color: #CC3399;
}
.cal28 {
    color: #fff;
    background-color: #99FFCC;
}
.cal29 {
    color: #fff;
    background-color: #663333;
}
.colCotation {
    color: #000;
    background : url(../../images/b2b/colCotation.gif) no-repeat top left;
    height:20px;
    padding: 0 0 0 20px;
}
#bodyFrameSejour .colCotation {
    margin: 2px 0 0 2px;
    background: #CC0000;
    color: #FFF !important;
    height: auto;
    padding: 0;
}
#bodyFrameSejour option.colCotation {
    background: #CC0000;
    color: #FFF;
}
/* Calendrier */
input.calendar {
    background:#FFFFFF url(../../images/b2b/calendar.gif) no-repeat center right;
    cursor: pointer;
}
.calendarDiv {
    position:absolute;
    z-index:100;
    margin:0;
    padding:0;
    background:#fff;
}
.calendarcpYearNavigation,.calendarcpMonthNavigation {
    background-color:#1C5FAD;
    text-align:center;
    vertical-align:middle;
    text-decoration:none;
    color:#fff;
    font-weight:bold;
}
.calendarcpDayColumnHeader, .calendarcpYearNavigation,.calendarcpMonthNavigation,.calendarcpCurrentMonthDate,.calendarcpCurrentMonthDateDisabled,.calendarcpOtherMonthDate,.calendarcpOtherMonthDateDisabled,.calendarcpCurrentDate,.calendarcpCurrentDateDisabled,.calendarcpTodayText,.calendarcpTodayTextDisabled,.calendarcpText {
    font-family:arial;
    font-size:8pt;
}
TD.calendarcpDayColumnHeader {
    text-align:center;
    border:solid thin #C0C0C0;
    border-width:0 0 1px 0;
}
.calendarcpCurrentMonthDate, .calendarcpOtherMonthDate, .calendarcpCurrentDate {
    font-weight:bold;
    text-decoration:none;
}
.calendarcpCurrentMonthDateDisabled, .calendarcpOtherMonthDateDisabled, .calendarcpCurrentDateDisabled {
    color:#999;
    font-weight:normal !important;
    text-align:center;
    text-decoration:line-through;
}
.calendarcpCurrentMonthDate, .cpCurrentDate {
    color:#000000;
    width:16px;
    height:16px;
    text-align:center;
}
.calendarcpOtherMonthDate {
    color:#808080;
}
TD.calendarcpOtherMonthDate {
    text-align:center;
    width:16px;
    height:16px;
}
A.calendarcpCurrentDate {
    color:white;
}
TD.calendarcpCurrentDate {
    color:white;
    background-color: #f00;
    border:2px solid #000;
    width:16px;
    height:16px;
    text-align:center;
}
TD.calendarcpCurrentDateDisabled {
    border-width:1px;
    border:solid thin #FFAAAA;
}
TD.calendarcpTodayText, TD.calendarcpTodayTextDisabled {
    border:solid thin #C0C0C0;
    border-width:1px 0 0 0;
}
A.calendarcpTodayText, SPAN.calendarcpTodayTextDisabled {
    height:20px;
}
A.calendarcpTodayText {
    color:black;
}
.calendarcpTodayTextDisabled {
    color:#D0D0D0;
}
.calendarcpBorder {
    border:1px solid #019fe0;
}
.infobulle {
    position: absolute;
/* visibility: hidden; */
    z-index: 1000;
}
.tabColonne #bodyFrameContentTableTitreCell a {
    font-size: 7pt;
}
#zone {
    display:none;
}
.clear {
    clear:both;
}
TD.calendarcpDayColumnHeader {
    width:16px;
    height:16px;
    font-weight:bold;
    text-align:center;
}
.legende,
.legende SPAN {
    text-align:right;
    font-size:8pt !important;
}
TABLE {
    border-collapse: collapse;
}
TABLE.overDivTable {
    border: 1px solid #ccc;
}
TABLE.overDivTable TH {
    text-align:left;
    font-size: 8pt;
    font-weight: bold;
    padding: 5px;
    border-bottom: 1px solid #ccc;
}
TABLE.overDivTable TD {
    text-align:left;
    font-size: 8pt;
    padding: 5px;
    border-bottom: 1px solid #ccc;
}
.autocomplete {
    display:block !important;
    background:#eee;
    color:#000;
    z-index:9999;
}
.autocomplete ul {
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: auto;
    border-collapse:collapse;
}
.autocomplete li {
    display: block;
    white-space: nowrap;
    cursor: pointer;
    margin: 0px;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #999;
    border-top:none;
}
.autocomplete li.selected {
    background-color: #cceeff;
}
#bodyFrameProduitReserve {
    display:inline;
}
button {
    background:#FEFEFE url(../../images/b2b/element_bg.gif) repeat-x;
    border-color:#C4CCCC #acb5b5 #6f7777 #C4CCCC;
    border-style:solid;
    border-width:1px;
    color:#2B333C;
    cursor:pointer;
    font-family:inherit;
    font-weight:bold;
    overflow:visible;
    padding:0 3px;
    text-align:center;
}
A.hightlight:hover {
    text-decoration:none !important;
}
A.hightlight:hover button {
    border:1px double #b6ff7b;
    border-color:#6f7777 #acb5b5 #C4CCCC #6f7777;
}