#reservationetape {
    display: block;
    width:100%;

    clear:both ;
    padding-top: 16px;
    height: 70px;
    text-align:center;
    background-position: 0px 0px;

}
#reservationetape li {
    float: left;
    display: block;
    padding:0px 0px 0px 60px;
    margin:0px;
    text-align: left;
    font-size: 1.0em;
    background-position:top left;
    background-repeat:no-repeat;
    width: 180px;
    height: 70px;
}
#reservationetape li
{
    color: #b8b8b8;
}
#reservationetape li#etape1 {
    background-image:url(../images/number_grey.gif);
}
#reservationetape li#etape2 {

    background-image:url(../images/coordonnees_grey.gif);
}
#reservationetape li#etape3 {

    background-image:url(../images/paiement_grey.gif);
}
#reservationetape li#etape4 {

    background-image:url(../images/imprimer_grey.gif);

}
#etapescontenu #reservationetape li span {
    display: block;
}
#reservationetape li span.etapeNom {
    padding:6px 0px 0px 0px;
    font-size: 16px;
    display:block;
    font-weight: bold;
}

#reservationetape li span.etapeDesc {
    font-size:9px;
}

#reservationetape li.activeStep span.etapeDesc {
    color:#000000;
}

#reservationetape li.activeStep span.etapeNom {
    color:#F77306;
}


#etapescontenu table tr.tableSectionTitle th {
    background-color: #333333;
    color:#FFFFFF;
}

#reservationetape li#etape1.activeStep {
    background-image:url(../images/number.gif);
}

#reservationetape li#etape2.activeStep {
    background-image:url(../images/coordonnees.gif);
}

#reservationetape li#etape3.activeStep {
    background-image:url(../images/paiement.gif);
}

#reservationetape li#etape4.activeStep {
    background-image:url(../images/imprimer.gif);
}



table.renommage th.tableColonne1,
table.renommage td.tableColonne1 {
    width: 150px;
    font-weight: normal;
}
table th.tableColonne2,
table td.tableColonne2,




table.renommage th.tableColonne2,
table.renommage td.tableColonne2 {
    width: 200px;
}
table th.tableColonne3,
table td.tableColonne3,
table th.tableColonne2-3,
table td.tableColonne2-3,
#recupInvit #etapescontenu table td.tableColonne3 {
    text-align: left;
}
table.renommage th.tableColonne3,
table.renommage td.tableColonne3 {
    font-weight: bold;
}
table tr.coordonneescompletes .tableColonne2-3 .champ {
    width: 300px;
}
table.renommage .tableColonne1-2-3 {
    padding: 0px;
}


#etapescontenu table {
    background: #ffffff;
}


#etapescontenu table tr.tableHeader,
#etapescontenu table tr.tableFooter {
    font-weight: bold;
}



#etapescontenu table tr th.head-title {
    color: #FFFFFF;
    padding: 10px 5px;
    background: #000;
    border:none;
    vertical-align: middle;
}

#etapescontenu table tr td {
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
}

#etapescontenu .cart-summary table tr td {
    padding: 8px;
    line-height: 18px;
}

#etapescontenu table tr td.product_title {
    font-weight:normal;
}

#etapescontenu table td.tableDesc {
    text-align: left;
    padding: 10px 5px;
}


#etapescontenu table a.lienTarif {
    margin-left: 10px;
}


#etapescontenu table.renommage tr.tableHeader {
    text-align: left;
}
#etapescontenu table.renommage tr.tableHeader span {
    display: block;
    line-height:18px;
}
#etapescontenu table.renommage tr.tableHeader span.nom {
    font-size: 13.5px;
}
#etapescontenu table.renommage tr.tableHeader span.date {
    color: #F77306;
    font-size: 12px;
}
#etapescontenu table.renommage tr.tableHeader span.lieu {
    font-size: 12px;
    color:#000000;
}




#etapescontenu table.renommage th.tableColonne1,
#etapescontenu table.renommage td.tableColonne1 {
    width: 150px;
    font-weight: normal;
}
#etapescontenu table th.tableColonne2,
#etapescontenu table td.tableColonne2,


#etapescontenu table.renommage th.tableColonne2,
#etapescontenu table.renommage td.tableColonne2 {
    width: 200px;
}

#etapescontenu table.renommage th.tableColonne3,
#etapescontenu table.renommage td.tableColonne3 {
    font-weight: bold;
}
#etapescontenu table tr.coordonneescompletes .tableColonne2-3 .champ {
    width: 300px;
}
#etapescontenu table.renommage .tableColonne1-2-3 {
    padding: 0px;
}
#etapescontenu table.renommage .tableColonne1-2-3 .btSubmit {
    background: #f0f2ef no-repeat left;
    float: right;
    width: auto;
    min-width: 80px;
    _width: 80px;
    height: 12px;
    padding: 2px 5px 0px 0px;
    text-align: right;
    text-transform: none;
    font-weight: normal;
    font-size: 10px;
    margin: 0px;
}


#etapescontenu p.etapeinfo {
    text-align:justify;
    font-size:13px;
    line-height:15px;
    font-weight:normal;
    color:#444444;
}

#etapescontenu ul.modepaiement {
    list-style:none;
}

#etapescontenu ul.modepaiement li{
    margin:0px 2px;
    padding:0px;
    display:inline; 
}

#etapescontenu table th.title_center {
    text-align:center;
}

#etapescontenu table th.title_right {
    text-align:right;
}

#etapescontenu table th.title_left {
    text-align:left;
    font-size:12px;
}

#etapescontenu table tr td.produit_titre {
    text-align:left;
    font-weight:normal;
}

#etapescontenu table tr td.produit_total {
    text-align:right;
    font-weight:bold;

}

#etapescontenu table tr td.fee_label {
    text-align:right;
    font-size:12px;
}

#etapescontenu table tr td.fee_price {
    text-align:right;
    font-size:12px;
}

#etapescontenu table.paiement_result tr td.label
{
    font-weight:bold;
    text-align:right;
}

#etapescontenu .event_flyer {
    float:left;
    margin:0px 10px 0px 0px;
    padding: 2px;
    border: 1px solid #DDD;
}	

#payment_mode div {
    vertical-align:middle;
}
#payment_mode tr td, #payment_mode form {
    padding:10px 0px 5px 0px;
}
#payment_mode tr td.t_title2 {
    color:#222222;
    background-color:#F9F9F9;
    font-weight:bold;
    width:160px;
    vertical-align:middle;
    font-size:13px;
}

.payment_mode_logo {
    max-width: 185px;
    max-height: 40px;
}

.buttonInformation {
    font-size:13px;
    font-weight:bold;
    text-decoration:none;
    color:#666;
    border-radius:5px;
    height:15px;
    line-height:15px;
    padding:5px;
    margin:0px 0px 0px 0px;
    background-color: #DDD;
}
#etapescontenu table tr td.produit_quantite,#etapescontenu table tr th.quantity-title {
    width:75px;
    text-align:left;
    font-size: 16px;
    
    vertical-align:top;
}
#etapescontenu table tr td.produit_prix{
    text-align:right;
    min-width: 75px;
    vertical-align:top;
}

#etapescontenu table tr td.delivery-mode-check,#etapescontenu table tr td.cgv-check,#etapescontenu table tr td.gift-check {
    width:55px;
    text-align: left;
}

.btn-resa {
    color: #000000 !important;
    font-weight: 700;
    background-color: hsl(50, 100%, 50%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffea84", endColorstr="#FFCF11");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#ffea84), to(#FFCF11));
    background-image: -moz-linear-gradient(top, #ffea84, #FFCF11);
    background-image: -ms-linear-gradient(top, #ffea84, #FFCF11);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffea84), color-stop(100%, #FFCF11));
    background-image: -webkit-linear-gradient(top, #ffea84, #FFCF11);
    background-image: -o-linear-gradient(top, #ffea84, #FFCF11);
    background-image: linear-gradient(#ffea84, #FFCF11);
    border-color: #ffd400 #FFCF11 hsl(50, 100%, 43.5%);
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.42);
    -webkit-font-smoothing: antialiased;
}

#btn-resa-etape-contenu {
    margin-bottom: 10px;
}

.delivery-mode, .delivery-mode span, .gift-info, .gift-info span {
    vertical-align:middle;
    font-size:13px;
    font-weight:normal;
    margin:0px 0px 0px 5px;
}

.delivery-mode img, .delivery-mode input,.gift-info img, .gift-info input {
    vertical-align:middle;
    margin:0px 10px 0px 0px;
}

.delivery-mode img,.gift-info img {
    
    width:20px;height:18px;
}

.gift-info, .gift-info span {
    vertical-align:top;
    font-size:13px;
    font-weight:normal;
    margin:0px 0px 0px 5px;
}

#etapescontenu table tr td.gift-check {
    vertical-align:top;
}
#p_price {
    font-weight:bold;
}

.personInput {
    padding:4px;
    font-size:12px;
    width:150px;
}
.lastNameInput {

    text-transform: uppercase;
}
.personInput.blur  {
    color:#999999;
    text-transform: none;
}


#partyinfoleft span.product_not_available {
    color: #DD562D;
    border: 1px solid #DD562D;
    padding:2px;
    font-size:11px;
    width:48px;
    font-size:11px;
    display:block;
}

#partyinfoleft span.product_in_future {
    color: #34A32A;
    border: 1px solid #34A32A;
    font-size:11px;
    padding:2px;
    width:46px;
    font-size:11px;
    display:block;
}

.payment-mode-choices img {
    height:35px;
}

.payment-mode-choices img.payment_mode_yesbycash {
    height:33px;
}

.bs-wizard {margin-top: 5px;}

/*Form Wizard*/
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #333; font-size: 14px; font-weight:bold; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 10px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #fbe8aa; top: 45px; left: 50%; margin-top: -20px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #fbbd19; border-radius: 50px; position: absolute; top: 8px; left: 8px; } 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #fbe8aa;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
/*END Form Wizard*/

@media (max-width: 767px) {
    .bs-wizard > .bs-wizard-step .bs-wizard-stepnum { font-size: 11px;font-weight:normal}

}