#currentDiv.packContent h2 {
    border-bottom: 1px solid;
    margin: 0 5px;
    padding: 2px 5px;
    clear:both;
}
#currentDiv.packContent table#listePackLine,
#currentDiv.packContent table#listeTypeClient {
    background-color: #efefef;
    border-collapse: collapse;
    border: 1px solid #CCC;
    width: 97%;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}
#currentDiv.packContent table#listePackLine tr,
#currentDiv.packContent table#listeTypeClient tr {
    border: 1px dashed #ccc;
}

#currentDiv.packContent table#listePackLine td,
#currentDiv.packContent table#listeTypeClient td {
    padding: 5px;
}

#currentDiv.packContent table#listePackLine td {
  font-size: 11px;
}

#currentDiv.packContent #listePackLine caption span,
#currentDiv.packContent #listePackLine tbody tr td.position span {
    border-radius: 50% 50% 50% 50%;
    color: white;
    cursor: default;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
}

#currentDiv.packContent #listePackLine caption ul {
    margin: auto;
    padding: 0;
    margin: 0 0 5px 0;
    list-style-type: none;
}

#currentDiv.packContent #listePackLine caption ul li {
    display: inline-block;
    width: 40%;
}

#currentDiv.packContent #listePackLine caption span {
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-right: 5px;
}

#currentDiv.packContent #listePackLine thead tr td:nth-child(1),
#currentDiv.packContent #listePackLine tfoot tr td:nth-child(1),
#currentDiv.packContent #listeTypeClient tr td:nth-child(1) {
    text-align: left;
    padding-left: 10px;
}
#currentDiv.packContent #listeTypeClient tr td:nth-last-child(1) {
    text-align: right;
    padding-right: 10px;
}

#currentDiv.packContent #listeTypeClient thead,
#currentDiv.packContent #listePackLine thead,
#currentDiv.packContent #listePackLine tfoot {
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
}

#currentDiv.packContent #listePackLine select {
    width: 85%;
}

#currentDiv.packContent #listePackLine tbody tr.mandatory td.position {
    width: 35px;
}

#currentDiv.packContent #listePackLine caption span.mandatory,
#currentDiv.packContent #listePackLine tbody tr.mandatory td.position span {
    background-color: #61a9c3;
}

#currentDiv.packContent #listePackLine caption span,
#currentDiv.packContent #listePackLine tbody tr td.position span {
    background-color: #da59c4;
}
#currentDiv.packContent #listePackLine tbody tr td.categorieContainer,
#currentDiv.packContent #listePackLine tbody tr td.evenementContainer {
   width:45%;
   text-align: left;
}
#currentDiv.packContent #listePackLine tbody tr td.categorieContainer {
   vertical-align: top;
}
#currentDiv.packContent #listePackLine tbody tr td.categorieContainer {
   text-align: left;
}
#currentDiv.packContent #listePackLine tbody tr td.placementContainer {
   width: 20%;
   padding-left:3px;
}
#currentDiv.packContent #listePackLine tbody tr td.evenementContainer div.information img {
   margin: 0 10px 5px 0;
   float: left;
}

#currentDiv.packContent #listePackLine tbody tr td.evenementContainer div.information div.evtInfos {
   float: left;
}

#currentDiv.packContent #listePackLine tbody tr td.evenementContainer div.information div.addrSalle div {
}

#currentDiv.packContent #listePackLine tbody tr td.evenementContainer div.information img {
   padding: 0 5px 5px 0;
   float: left;
}
#currentDiv.packContent #listePackLine tfoot tr td.totalTitle {
   text-align: right;
}
#currentDiv.packContent #listePackLine tfoot tr td.total {
   text-align: right;
}
#currentDiv.packContent #listePackLine tbody tr td div.choosePackLine span.selectSeat {
   text-transform: uppercase;
   font-size: 10px;
}
#currentDiv.packContent #listePackLine tbody tr td div.choosePackLine .txtPlacement {
   cursor:help;
}
#currentDiv.packContent #listePackLine tbody tr td div.choosePackLine .deletePlacement,
#currentDiv.packContent #listePackLine tbody tr td div.choosePackLine .deleteBloc {
    float: right;
    background-color: #555;
    border-radius: 50% 50% 50% 50%;
    color: white;
    cursor: pointer;
    display: block;
    font-size: 11px;
    height: 18px;
    line-height: 19px;
    text-align: center;
    width: 18px;
}

#currentDiv.packContent #listePackLine tbody tr td.placementContainer .infoPlacement {
   text-align: left;
}
#currentDiv.packContent #listePackLine tbody tr td.placementContainer .infoPlacement .priceName {
   font-weight: bold;
}
#currentDiv.packContent #listePackLine tbody tr td.categorieContainer div.tarifs .categoryName {
   padding: 2px 4px;
   margin: 3px 0px 2px 0px;
   font-weight: bold;
   background-color: #CCC;
   border-radius: 4px;
   color: #444;
}
#currentDiv.packContent #listePackLine tbody tr td.categorieContainer div.tarifs li {
  margin-top: 3px;
}
#currentDiv.packContent #listePackLine tbody tr td.categorieContainer div.tarifs .categoryName.hide {
  display: none;
}
#currentDiv.packContent #listePackLine tbody tr td.categorieContainer div.tarifs .priceName {
   padding-left: 5px;
}
#currentDiv.packContent #listePackLine tbody tr td.categorieContainer div.tarifs .priceAmount {
   float: right;
   padding-left: 5px;
   font-weight: bold;
}
#currentDiv.packContent #listePackLine tbody tr td.categorieContainer div.tarifs .priceAmount .total {
   display: none;
}

#currentDiv.packContent #listePackLine span.selectSeat {
   padding: 5px 8px;
   background-color: #555;
   color: #fff;
   border-radius: 3px;
   cursor: pointer;
   margin: 5px;
}

#currentDiv.packContent #listePackLine span.selectSeat.lock {
   opacity: 0.5;
   cursor: not-allowed;
}

#currentDiv.packContent #listePackLine tbody tr .warning,
#currentDiv.packContent #listeTypeClient tbody tr.warning,
#currentDiv.packContent #listePackLine tbody tr.warning {
    background: url(../../../../commun/images/warning.png) no-repeat 5px 50%;
    background-color: rgba(255, 174, 0, 0.2);
}

#currentDiv.packContent #listePackLine tbody tr td.warning
#currentDiv.packContent #listePackLine tbody tr.warning td,
#currentDiv.packContent #listeTypeClient tbody tr.warning td {
    text-align: left;
    padding-left: 31px;
    font-weight: bold;
}

#currentDiv.packContent #calendarBlock { clear:both; }
#currentDiv.packContent #calendarBlock #errorDate.warning {
    background: url(../../../../commun/images/warning.png) no-repeat 5px 50%;
    background-color: rgba(255, 174, 0, 0.2);
    text-align: left;
    padding: 5px 0px 5px 31px;
    font-weight: bold;
    clear:both;
}

#currentDiv.packContent #listePackLine tbody tr.noQuota {
    background-color: rgba(255, 0, 0, 0.2);
}

#currentDiv.packContent #listePackLine tbody tr.representationTooNear {
    background-color: rgba(255, 0, 0, 0.2);
}

#currentDiv.packContent #listePackLine tbody tr.error {
    background-color: rgba(255, 0, 0, 0.2);
}

#currentDiv.packContent #listePackLine tbody tr td div.tarifs ul {
    list-style-type: none;
}

#currentDiv.packContent #listePackLine tbody tr td div.tarifs ul div.conditions {
    border: 1px solid #CECECE;
    padding: 10px;
    display:none;
}

#currentDiv.packContent #listePackLine tbody tr td div.tarifs ul div a.closeConditions {
  float: right;
  font-size: 12px;
  background: url(../img/bg_Cross_POPuP.gif) no-repeat scroll right 0 transparent;
  height: 24px;
  padding-right: 30px;
  line-height: 20px;
}

#currentDiv.packContent #listePackLine .moreInfo + div.information,
#currentDiv.packContent #listePackLine .txtPlacement + div {
    position: absolute;
    display: none;
    z-index: 99;
}
#currentDiv.packContent #listePackLine .moreInfo:hover + div,
#currentDiv.packContent #listePackLine .txtPlacement:hover + div {
    border: 2px solid black;
    border-radius: 5px;
    padding: 10px;
    background-color: #eee;
    border-color: #4b575e;
    display: inline-block;
}

#currentDiv.packContent #listePackLine .pricesContainer ul.hide {
    display: none;
}

.information ul {
    margin-left: 20px;
    list-style-type: square;
    font-size: 11px;
}
.information p {
    margin-left: 10px;
    margin-bottom: 5px;
    font-size: 11px;
}
.information h3 {
    margin-bottom: 5px;
}

select:disabled {
    color: graytext;
}

#currentDiv.packContent input.error {
    border-color: red;
}

.packInformation {
    background-color: #127FBE;
    color: #FFFFFF;
    font-size: 14px;
    margin-top: 20px;
    padding: 20px;
}

#representationChoose {
    display: none;
}

#representationChoose .error {
    padding: 5px;
    background-color: #6D1611;
    text-align: center;
    color: #FFF;
    font-weight: bold;
}

.chooseDateOnCalendar {
    float : left;
}
#chooseHour {
    float: right;
}


#currentDiv.packContent #listePackLine caption { display:none; }

#currentDiv.packContent #contenuPlanSalle .compChoixSurPlan {
  margin-bottom: 10px;
}

#currentDiv.packContent #contenuPlanSalle .btnCloseMap {
    float: right;
    font-size: 10px;
    cursor: pointer;
    font-weight: normal;
}

#currentDiv.packContent #contenuPlanSalle .currentSelection {
    clear: both;
    background-color: #595959;
    color: #FFF;
    padding: 5px 10px;
    font-weight: bold;
    font-size: 11px;
    border-radius: 3px 3px 0px 0px;
    margin-bottom: 1px;
}

#currentDiv.packContent .compChoixSurPlan table:not(.choixPlanMobile table) {
    background-color: inherit;
    border: 0;
    border-collapse: collapse;
    margin: 0px;
    width: auto;
}

#currentDiv.packContent .compChoixSurPlan .choixPlanMobile .boxTarifBlocPack {
    width: 90%;
    margin: 10px auto;
}

/* assurance */
.assuranceTable .body .column2.warning,
.assuranceTable .body .column3.warning {
    background-color: rgba(255, 0, 0, 0.2);
}

#pageEtape1 .buttonsContainer {
  display: none;
}

#pageEtape1 .buttonsContainer.pack .validContent:nth-child(1) {
    margin-left: 40px;
}

#popupChoixBlocCategorie {
    margin-bottom: 10px;
}

#popupChoixBlocCategorie .categorieList {
    clear: both;
    margin: 5px;
}

#popupChoixBlocCategorie .libelleBloc {
    font-weight: bold;
    margin-bottom: 5px;
}

#popupChoixBlocCategorie .libelleBloc .resumeSelection {
    font-weight: normal;
    padding: 5px;
    color: #333;
    background-color: #DCDCDC;
    font-size: 11px;
    margin-bottom: 5px;
}

#popupChoixBlocCategorie .categorieList .categorieLibelle {
    float:left;
    text-align: left;
    width: 80%;
}

#popupChoixBlocCategorie .categorieList .categorieNbTypeClient {
}
#popupChoixBlocCategorie .categorieList .categorieNbTypeClient select.nbTypeClient {
    width: 50px;
}

#popupChoixBlocCategorie .error {
    padding: 5px;
    background-color: #6D1611;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    margin: 15px 0px;
}

#popupChoixBlocCategorie div.conditions {
    border: 1px solid #CECECE;
    padding: 10px;
    display:none;
}

#popupChoixBlocCategorie div a.closeConditions {
  float: right;
  font-size: 12px;
  background: url(../img/bg_Cross_POPuP.gif) no-repeat scroll right 0 transparent;
  height: 24px;
  padding-right: 30px;
  line-height: 20px;
}
#popupChoixBlocCategorie div a.lienTarif {
  text-decoration:underline;
}


.boxTarifBlocPack #popupCustomButtons {
    text-align: center;
}

#popup_container.loading #popup_panel {
    display: none;
}

#popup_content.confirm {
    text-align: center;
}

#popup_content #popup_message {
    padding-left: 0px;
}

#popup_content #popup_panel {
    display: inline-block;
    margin: 5px;
}

#popup_content #popup_panel input#popup_cancel {
    margin-left: 10px;
}

#popup_overlay {
    background: #555;
    opacity: 0.8;
}

.typeClientLibelle {
  font-size: 12px;
  font-weight: bold;
  text-align: left;
}

.categorieTarif, .montantTarif {
  font-size: 12px;
  display: none;
  text-align: left;
}

#representationChoose .div-special-offer {
  padding: 6px;
  background: #333;
  border-color: #333;
  color: #fff;
}

#representationChoose .tooltipSpecialOffer {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
    width: 21px;
    float: right;
    padding-right: 1px;
}

#representationChoose  .tooltipSpecialOfferText {
    visibility: hidden;
    min-width: 170px;
    width: auto;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

#representationChoose .tooltipSpecialOffer:hover .tooltipSpecialOfferText {
    visibility: visible;
}

#conditions {
    background: #eeefee;
    clear: both;
    border-bottom: 2px solid #D9D9D9;
    margin: 10px 15px;
}

#conditions .titreFenetre {
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    text-align: left;
    clear: both;
    padding-bottom: 0;
    text-transform: uppercase;
    /*background: url("../image/bgDotted.png") repeat-x scroll 0 bottom transparent;*/
    color: #000000;
    font-size: 15px;
    font-weight: normal;

}

#conditions .titreFenetre span {
    float: left;
}

#conditions .titreFenetre a {
    color: #000;
    font-size: 12px;
    text-transform: none;
    float: right;
    font-size: 10px;
    text-decoration: none;
}

#conditions .contenuFenetre {
    background: transparent;
    color: #000;
    padding: 5px 5px 15px 15px;
    font-size: 12px;
}

#conditions .contenuFenetre span {
    text-decoration: underline;
}

.lienTarif {
    clear: both;
    color: #000000;
    font-size: 11px;
    font-weight: normal;
    margin-left: 5px;
    text-decoration: underline !important;
}