#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: none;
}

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;
}

#resaLog {
    display: none;
}

.legend {
    display: block !important;
}

.legend * {
    padding: 1px 6px;
    font-weight: bold;
}

.legend .ok {
    color: #009900;
}

.legend .req {
    color: #CCCC00;
}

.legend .full {
    color: #CCCCCC;
    text-decoration: line-through;
}

#infoContact td {
	padding: 5px 0px;
    width: 50% ;
}

#infoContact .btnOk {
	padding: 5px 50px;
    text-align: right;
}

#infoContact .btnOk * {
    border: none;
}

#infoContact .titreTabloide {
	height:50px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    border-bottom: thin solid black;
}

#infoContact .texte1 {
    text-align: left;
    padding-left: 50px;
}

#infoContact table {
    width: 450px;
    margin: auto;
    margin-top: 10px;
    padding: 5px;
    color: black;
    background-color: white;
}

#infoContact .head {
    font-size: 17px;
    font-weight: bold;
    text-align: center;
}

#infoContact .texte {
    text-align: right;
}

#frameListeProduit  #bodyFrameProduit #bodyFrameProduitCategorie{
	display : none;
}

#infoTranspContent #info1{
	color:#000000;
	font:8pt Arial,Helvetica,sans-serif;
}

#infoTranspContent #info2,#infoTranspContent #info3{
	color:#000000;
	font:8pt Arial,Helvetica,sans-serif;
	display: none;	
}
.panoLienPro {
    cursor: pointer;
    padding: 2px;
    font: normal normal bold 10pt Arial, Helvetica, sans-serif;
    text-align : center;
}

#bodyFrameFicheProduitImageImg img {
    height: 100%;
}
html #bodyFrameFicheProduitImageImg img {
    height: auto;
}