/******************************************************************************/
/*                                  compPack                                  */
/******************************************************************************/

.compPack {
  margin: 0px;
  background:#fff;
  color:#000;
}
.packContent {
    overflow: hidden;
}
.compPack .headerComposants .footerComposants .contentComposants .dataContentComposants {
    width: 685px;
}
.compPack .headerComposants .footerComposants .contentComposants .bottomContentComposants {
}
#currentDiv.packContent h2 {
      border-bottom: 1px solid #d1d1d1;
    color: #222222;
    float: left;
    font-family: "Quicksand",sans-serif;
    font-size: 19px;
    font-weight: 600;
    height: 28px;
    line-height: 28px;
    margin: 30px 0 10px;
    padding: 0 0 3px;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
}
#currentDiv.packContent table {
    border: none;
    border-collapse: collapse;
    margin: 0 0 10px auto;
}

#currentDiv.packContent table tr {
}
#currentDiv.packContent table tr.mandatory {

    border-bottom:1px dashed #cdcdcd;
}
#currentDiv.packContent #listeTypeClient thead, #currentDiv.packContent #listePackLine thead, #currentDiv.packContent #listePackLine tfoot {
  border-bottom: 1px solid #b7b1b1;
    color: #000000;
    font-size: 14px;
    text-transform: uppercase;
}
#currentDiv.packContent #listeTypeClient tbody tr.warning, #currentDiv.packContent #listePackLine tbody tr.warning {
background: url("../../../../../commun/images/warning.png") no-repeat scroll 12px 50% transparent;
    color: #666666;
    font-weight:normal !important;
}
#currentDiv.packContent #listePackLine tbody tr.warning td, #currentDiv.packContent #listeTypeClient tbody tr.warning td {
    font-weight: normal;
    padding-left: 31px;
    text-align: left;
}
#currentDiv.packContent #listePackLine caption ul {
    list-style-type: none;
    margin: 0 0 5px 16px;
    padding: 0;
}
#currentDiv.packContent #listePackLine caption ul li {
    display: inline-block;
    float: left;
    line-height: 28px;
    margin: 0;
    text-align: left;
    width: 100px;
}
#currentDiv.packContent #listePackLine caption span{
    border-radius: 50% 50% 50% 50%;
    color: white;
    cursor: default;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin: 10px 5px 10px 0;
    text-align: center;

}
#currentDiv.packContent #listePackLine tbody tr td.position span {/*grosse puce*/
    border-radius: 50% 50% 50% 50%;
    color: white;
    cursor: default;
    display: block;
    float: left;
    font-size: 16px;
    font-weight: bold;
    margin: 10px 5px 10px 4px;
    text-align: center;
    width:22px;
    height:22px;
    line-height:22px;

}
#currentDiv.packContent #listePackLine caption span.mandatory, #currentDiv.packContent #listePackLine tbody tr.mandatory td.position span {
   background-color: #68635e;
    font-family: Arial;
     line-height: 23px;
}

#currentDiv.packContent #listePackLine caption span, #currentDiv.packContent #listePackLine tbody tr td.position span {
    background-color: #ffb322;
    font-family: Arial;
    line-height: 22px;

}
#currentDiv.packContent #listePackLine select.evenement,
#currentDiv.packContent #listePackLine select.representation {
    width: 191px;
    margin: 0 0 2px;
}

#currentDiv.packContent #listePackLine select.categorie {
    margin: 0 0 2px;
}

#currentDiv.packContent #listePackLine tfoot {
  font-weight:normal;
}
#currentDiv.packContent #listePackLine tfoot tr {
    border-bottom: medium none !important;
}
#currentDiv.packContent #listeTypeClient tr td {
    color: #58595b;
}
#currentDiv.packContent #listeTypeClient tr td:nth-child(1) {
    padding-left: 10px;
    text-align: left;
    width: 76%;
}

#currentDiv.packContent #listeTypeClient tr td:nth-last-child(1) {
    padding-left: 10px;
    text-align: left;
    width: 24%;
}
#currentDiv.packContent #listePackLine tbody tr td.tarifs {
    float: left;
    font-size: 13px;
    padding: 0 10px 0 0;
    text-align: right;
    width: 160px;
}
#currentDiv.packContent #listePackLine tbody tr td.tarifs ul {
    color: #666666;
    list-style-type: none;
    font-family:Arial, Helvetica, sans-serif;
    margin:0 0 3px 0;
}
#currentDiv.packContent #listePackLine tbody tr td.tarifs > span {
    font-size: 13px;
    font-family: Arial;
    font-weight:bold;
    padding:2px 0 0 20px;
        background: url(../image/total.gif) no-repeat left center;

}
#currentDiv table thead td:nth-last-child {
    text-align:center !important;
}


#currentDiv.packContent #listePackLine thead tr td:nth-last-child(1), #currentDiv.packContent #listePackLine tfoot tr td:nth-last-child(1) {
    padding-left: 10px;
    text-align: right !important;
    width: 18%;
}
/*************** INFOBULLE *******************/

img.moreInfo {cursor:pointer;}

div.information {
    background-color:#68635e !important;
    color:#fff;
    width: 500px;
    border-radius: 0 !important;
}
div.information h3 {
    font-size: 15px;
}

div.information img {
    float:left;
    margin: 0 10px 25px 0;

    }
div.information li {
    list-style:none;
    }
div.information ul {
    margin-left:120px;
    }
.salleInfoBulle {
    font-weight:bold;
    }
.salleInfoBulle h3 {
    display:none;
    }
    .salleInfoBulle span {
    font-weight:normal;
    padding: 0 5px;
    }

    #currentDiv.packContent #listePackLine caption ul li.notmandatory {
        display: none;
    }
#infoAbonnement {
    border-collapse: collapse;
    font-family: 'Quicksand',Arial;
    padding: 5px;

}
#chooseDateOnCalendar {
    position: relative;
    display: block;
}
.compPack #chooseDateOnCalendar h2 {
    text-align: center;
    font-size: 15px;
    margin: 0 0 10px 0;
    padding: 0 0 9px 0;
}
#currentDiv.packContent h2#nbrAbonnementTitle,
#currentDiv.packContent h2.packComposantsTitle {
    border-bottom: none;
}
div.dp-popup div.dp-nav-next,
div.dp-popup div.dp-nav-prev {
  top:-9px !important;
}


table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
    color: #58595b;
}
table.jCalendar td {
    background: none repeat scroll 0 0 #68635e;
    color: #95928f;
    border: 5px solid #fff;
}
table.jCalendar td:hover {
    background: #b79c7b !important
}
table.jCalendar td.disabled {
    border: 5px solid #fff;
    background: #eeeeee;
}
table.jCalendar td.disabled:hover {
    background: none repeat scroll 0 0 #b79c7b;
}
table.jCalendar td.today {
    background: #b79c7b !important;
    color: #fff !important;
}
table.jCalendar td.other-month {
    opacity: 0;
}

#chooseHour {
    float: none;
}
#contenuCalendarHeures {
    float: none;
    width:auto;
}
#contenuCalendarHeures {
    display: none;
}
div.dp-popup div.dp-nav-next a {
  margin-right:228px;
}
div.dp-popup div.dp-nav-prev a {
    margin-left: 127px;
}
#currentDiv.packContent table#listePackLine, #currentDiv.packContent table#listeTypeClient {
    width: 100%;
    background-color: #eee;
    color: #58595b;
}
#currentDiv.packContent table#listePackLine thead td {
    font-size: 14px;
    color: #58595b;
}
#totalPack {
    background: #b79c7b !important;
    color: #fff;
    font-size: 14px;
}
#currentDiv.packContent table#listePackLine #totalPack td {
    padding: 10px;
    font-size: 15px;
}