/******************************************************************************/
/*                                  compBody                                  */
/******************************************************************************/
* {
    margin: 0;
    padding: 0;
}
#compBody {
}
#compBody #compBodyHeader {
}
#compBody #compBodyHeader #compBodyFooter {
}
#compBody #compBodyHeader #compBodyFooter #compBodyContent {
}
#compBody #compBodyHeader #compBodyFooter #compBodyContent .topContentComposants {
}
#pageAccueil #compBody #compBodyHeader #compBodyFooter #compBodyContent .topContentComposants .titleComposants {
    margin: 0;
}
#compBody #compBodyHeader #compBodyFooter #compBodyContent .topContentComposants .titleComposants {
    text-align: left;
    margin: 50px 0 0;
}
#compBody #compBodyHeader #compBodyFooter #compBodyContent .topContentComposants .titleComposants span {
    color: #BC9C69;
    line-height: initial;
    font-size: 30px;
}
#compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants {
    position: relative;
}
#compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants .ligneAccueilContent1 {
}
#compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants .ligneAccueilContent1 .colonneAccueilContent1 {
}
#compBody #compBodyHeader #compBodyFooter #compBodyContent .bottomContentComposants {
}


 /***************************************************************************************************/
 /*                                             Fancybox                                            */
/***************************************************************************************************/
#fancybox-wrap {
    padding: 0 !important;
}
#fancybox-overlay{
    background-color:#000 !important;
}
#fancybox-close {
    background: #fff !important;
    color: #999;
    cursor: pointer;
    display: none;
    font-weight: normal;
    height: 15px !important;
    line-height: 15px;
    position: absolute;
    right: -10px !important;
    top: 19px !important;
    width: 59px !important;
    z-index: 1103;
    text-align: right;
    text-decoration: underline;
}
#fancybox-close:hover {
    color: #000;
}
#fancybox-close:before {
    content:"Fermer";
}
#fancybox-outer {
     background: url("../image/bg_fancy.png") repeat-x scroll 0 0 transparent !important;
}


#fancybox-content {
    background: #fff;
    border: 0 none !important;
    padding: 55px 30px 30px !important;
}
#fancybox-frame {
    background:#fff;
}


  /***************************************************************************************************/
 /*                                             table                                               */
/***************************************************************************************************/
.compBody .dataContentComposants table {
    border-collapse: collapse;
    margin: 15px 0 5px;
    text-align: center;
    width: 700px;
}

.compBody .dataContentComposants table .tableHeader,
.compBody .dataContentComposants table .listeRenommageBilletTitle {
    background: #f2f2f2;
}
.compBody .dataContentComposants table tbody tr:last-child {
    border-bottom: none !important;
}
.compBody .dataContentComposants table th {
    padding: 15px 10px 12px;
}
.compBody .dataContentComposants table td{
    padding: 20px 10px;
}
.compBody .dataContentComposants table .tableColonne1 {
    text-align: left;
}
.compBody .dataContentComposants table .tableColonne2{
    text-align: center;
}
.compBody .dataContentComposants table tbody{

}
/******************** button container *****************/

.buttonsContainer {
    padding: 20px 0;
    width: 700px;
    text-align: right;
}
.buttonsContainer .validContent{
    height: 53px;
    width: 320px;
    display: inline-block;
    margin-left: 10px;
}
.buttonsContainer #submitChoix{
    display:none;
}
.buttonsContainer .validContent input {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: normal;
    height: 53px;
    width: 320px;
    border:none;

    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;

}
.buttonsContainer .validContent #submitPanier {
    background: url(../image/ico_panier.png) no-repeat scroll 70px 15px #666;
    text-indent: 32px;
    background-size: 30px;
}
.buttonsContainer .validContent #submitFinaliser {
    background: url(../image/ico_cb.png) no-repeat scroll 77px center #bc9c69;
    text-indent: 35px;
}
.buttonsContainer .validContent .btSubmit:hover {
    background-color: #000 !important;
}

  /***************************************************************************************************/
 /*                                             table   bt submit                                   */
/***************************************************************************************************/


table .btSubmit {
    background: #bc9c69;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-size: 20px;
    font-weight: normal;
    height: 53px;
    line-height: 30px;
    text-align: center;
    width: 215px !important;
    margin:auto;
    padding: 0 !important;

    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
table .btSubmit:hover {
    background: #000;
}


  /***************************************************************************************************/
 /*                                               CROSSELING                                       */
/***************************************************************************************************/

.boxCrossSelling .title {
    display: none;
}
.boxCrossSelling:first-child .title {
    display: block;
    color: #bc9c69;
    font-size: 30px;
    margin-top: 30px;
    /*font-family: "apollon";*/
}
.boxCrossSelling .tarifsContent .compTarifDisponible .dataContentComposants .descContent {
    margin-top: 5px;
}
.boxCrossSelling .tarifsContent .compTarifDisponible .dataContentComposants table .ligneTarif .tableColonne0 .evenement {
    text-align: left;
}
.boxCrossSelling .tarifsContent .compTarifDisponible .dataContentComposants table .ligneTarif .tableColonne0 .evenement img {
    display: none;
}
.boxCrossSelling .tarifsContent .compTarifDisponible .dataContentComposants table.listeTarifs .type_1 .tableColonne0 {
    display: none;
}
.boxCrossSelling .tarifsContent .compTarifDisponible .dataContentComposants table.listeTarifs .type_60655 .tableColonne0 {
    display: none;
}
.boxCrossSelling .tarifsContent .compTarifDisponible .dataContentComposants table.listeTarifs .type_78373 .tableColonne0 {
    display: none;
}
.compBody .dataContentComposants table td[colspan="3"] {
    text-align: right;
}
.boxCrossSelling .tarifsContent .compTarifDisponible .dataContentComposants table .ligneTarif .tableColonne0 .evenement .description {
    display: inline-block;
    width: 56%;
    vertical-align: top;
    text-align: left;
    margin-left: 10px;
}
.boxCrossSelling .evenement .description .evenementNom {
    color: #000;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: normal;
    margin-bottom: 10px;
}
.boxCrossSelling .evenement {
    margin: 20px 0;
}
.boxCrossSelling .evenement img {
    display: inline-block;
    height: 110px;
    width: 110px;
    margin-right: 10px;
    vertical-align: top;
}
.boxCrossSelling .evenement .description {
    display: inline-block;
    width: calc(100% - 124px);
    vertical-align: top;
}

#popCross {
    border: none !important;
    border-radius: 0 !important;
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.2) !important;
    -moz-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.2) !important;
    -webkit-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.2) !important;
    padding: 30px 30px 40px !important;
}
.popupCrossSelling .header {
    color: #999;
    display: block;
    text-align: right;
    margin-bottom: 20px;

}
.popupCrossSelling .header a {
    color: #999;
}
.popupCrossSelling .header a:hover {
    color: #000;
}
.popupCrossSelling .content .summary {
    margin-bottom: 50px;
}
.popupCrossSelling .content .summary .title,
.popupCrossSelling .content .crossSelling > .title {
    color: #bc9c69;
    font-size: 30px;
    margin-bottom: 5px;
}

.popupCrossSelling .content .crossSelling > .title {
    margin: 20px 0 20px;
}

.popupCrossSelling .content .summary .content .show div {
    display: inline-block;
}
.popupCrossSelling .content .summary .content .show .name {
    font-size: 14px;
    color: #000;
    text-transform: uppercase;
    /*font-family: "apollon";*/
}

.popupCrossSelling .content .summary .content .show .value {
    color: #999;
    font-weight: bold;
}
.popupCrossSelling .content .summary .content .show .name:after {
    content: "-";
    margin-left:5px;
}
.popupCrossSelling .content .summary .content .show .value {
    color: #999;
    font-weight: bold;
    margin-left: 5px;
}
.popupCrossSelling .content .summary .content .price {
    margin-top: 5px;

}
.popupCrossSelling .content .summary .content .price .value {
    font-weight: bold;
}
.popupCrossSelling .content .crossSelling .event {
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 20px;
    margin-bottom: 30px;

}
.popupCrossSelling .content .crossSelling .event .thumbnail {
    display: none;
}
.popupCrossSelling .content .crossSelling .event .content {
    display: inline-block;
    vertical-align: top;
    min-height: 40px;
}
.popupCrossSelling .content .crossSelling .event .content .title {
    width: 500px;
    color: #000;
    text-transform: uppercase;
    /*font-family: "apollon";*/
    font-size: 14px;
}
.popupCrossSelling .content .crossSelling .event .content .title .link {
    color: #bc9c69;
    text-decoration: underline;
    margin-left: 10px;
    text-transform:none;
    cursor: pointer;
}
.popupCrossSelling .content .crossSelling .event .content .title .toolip {
    background: #f2f2f2;
    text-transform: none;
    padding: 20px;
    margin: 5px 0 10px;
}
.popupCrossSelling .content .crossSelling .event .content .title .link:hover {
    color: #000;
    font-style: italic;
}
.popupCrossSelling .content .crossSelling .event .content .title .schedule {
    display: block;
    color: #999;
    font-size: 12px;
    font-weight:bold;
}
.popupCrossSelling .content .crossSelling .event .prices .compTarifDisponible .descContent {
    margin-top: 10px;
}
.popupCrossSelling .content .crossSelling .event .prices .compTarifDisponible .table {
    width: 100%;
    border-collapse: collapse;
    margin: 5px 0 20px;
}
.popupCrossSelling .content .crossSelling .event .prices .compTarifDisponible .table .tableHeader {
    background: #f2f2f2;
    height: 25px;;

}
.popupCrossSelling .content .crossSelling .event .prices .compTarifDisponible .table th,
.popupCrossSelling .content .crossSelling .event .prices .compTarifDisponible .table td {
    padding: 0 10px;
}
.popupCrossSelling .content .crossSelling .event .prices .compTarifDisponible .table td a {
}
.popupCrossSelling .content .crossSelling .event .prices .compTarifDisponible .table .ligneTarif {
    height: 50px;
}

.popupCrossSelling .content .crossSelling .event .actions a,
.popupCrossSelling .content .crossSelling .event .content .actions .submit {
    text-decoration: none;
    background: #bc9c69;
    color: #fff;
    font-size: 17px;
    height: 40px;
    display: inline-block;
    width: 120px;
    text-align: center;
    line-height: 42px;
    vertical-align: middle;

    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;

    float: right;
}
.popupCrossSelling .content .crossSelling .event .content .actions .submit {
    text-transform: lowercase;
    cursor: pointer;
}
.popupCrossSelling .content .crossSelling .event .content .actions .submit:first-letter {
    text-transform: uppercase;
}
.popupCrossSelling .content .crossSelling .event .actions a:hover,
.popupCrossSelling .footer .button a:hover,
.popupCrossSelling .content .crossSelling .event .content .actions .submit:hover {
    background: #000;
}

.popupCrossSelling .footer {
    margin: 30px 0 0;
    display: block;
}
.popupCrossSelling .footer .button a {
    text-decoration: none;
    font-size: 20px;
    color: #fff;
    background: #999;
    height: 53px;
    display: block;
    width: 300px;
    text-align: center;
    line-height: 52px;
    margin: auto;

    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;

}