.page_recapitulatif {}
.page_recapitulatif #content{ padding-top:80px;}
.page_recapitulatif .col-xs-12 { max-width: 960px; float: none; margin: 0 auto;}
.page_recapitulatif .basket {padding: 3em 0;}

.demande-concierge { background: #fff; margin-bottom: 2em;}
.demande-concierge .col-xs-2{ padding: 2em 0 2em 0;}
.demande-concierge .col-xs-2 > div{ width: 100%; height: 150px; background-size: cover !important; z-index:1; background-position: center center !important;background-color: #dcdee0 !important; border-left: 15px solid #03b2d4;}

.demande-concierge .col-xs-10{ padding: 0;}

.demande-concierge .col-xs-10 .col-xs-9 {padding: 0 0 0.5em 2em;}
.demande-concierge .col-xs-10 .col-xs-9 .titre-demande{font-size: 1.5em; font-weight: 300; border-bottom: 1px solid #ececec; padding: 1em 0 0.5em; margin-bottom: 0.5em} 
.demande-concierge .col-xs-10 .col-xs-9 p{ margin-bottom: 0; margin-top: 0; font-size: 0.9em; font-weight: 300;}
.demande-concierge .col-xs-10 .col-xs-9 p span{ font-weight: 400;}
.demande-concierge .col-xs-10 .col-xs-9 p span i{ color: #03b2d4; margin-right: 0.5em; font-size: 1.1em; }

.demande-concierge .col-xs-10 .col-xs-3{ padding: 0;}
.demande-concierge .col-xs-10 .col-xs-3 p.tarif-demande{ background: #fff; color: #333; font-size: 1.5em; font-weight: 700; padding: 1em 0 0.5em; text-align:center; border-bottom: 1px solid #ececec;}
	
.page_recapitulatif a.bt-rouge{ color: #fff; background: #c40606; text-transform: uppercase; padding: 0.5em 1em; display: inline-block; margin-top: 1em; font-size: 0.9em; font-weight: 500; letter-spacing: initial;}
.page_recapitulatif a.bt-bleu{ color: #fff; background: #59c5da; text-transform: uppercase;  border: 1px solid #59c5da; padding: 0.5em 1em; display: inline-block; margin-top: 1.5em; font-size: 0.9em; font-weight: 500;}
.page_recapitulatif a.bt-orange{ color: #fff;  border: 1px solid #c78d03; background: #c78d03; text-transform: uppercase; padding: 0.5em 1em; display: inline-block; margin-top: 1.5em; font-size: 0.9em; font-weight: 500;}
.page_recapitulatif a.bt-bleu:hover{ color: #59c5da !important; background: #fff;  border: 1px solid #59c5da; text-decoration: none;}
.page_recapitulatif a.bt-orange:hover{ color: #c78d03 !important; background: #fff;  border: 1px solid #c78d03; text-decoration: none;}


.page_recapitulatif .bt-actions{}
.page_recapitulatif .bt-actions .left{ float: left; margin: 2em 0;}
.page_recapitulatif .bt-actions .right{ float: right; margin: 2em 0;}

.page_recapitulatif .total_demande{ background: #fff; border: 2px solid #03b2d4; padding: 1em; }
.page_recapitulatif .total_demande p{  font-size: 1.4em; font-weight: 700; text-align: right; }

.no-result { background: #fff; padding: 2em;}
.btn.btn-bleufush{ white-space: normal;}


@media (max-width: 640px){
.demande-concierge .col-xs-2{ display: none;}
.demande-concierge .col-xs-10 .col-xs-9 p{font-size: 0.8em;}

.page_recapitulatif .bt-actions{ text-align: center; }
.page_recapitulatif .bt-actions .left{ float: none; margin: 2em 0 0;}
.page_recapitulatif .bt-actions .right{ float: none; margin: 0.5em 0;}

}

@media (max-width: 500px){
.demande-concierge .col-xs-10 .col-xs-9,.demande-concierge .col-xs-10 .col-xs-3 {width: 100%;padding: 0 0 0.5em 2em;}

}

ul.products{ margin-left: 0;border: 1px solid #03b2d4; padding: 0 0.5em; }
ul.products > li:first-child{ padding-top: 1em;}
ul.products > li:first-child p.desc{margin-top: 0 !important;}
ul.products > li:last-child{ border: none !important;}
ul.products li{border-bottom: 1px solid #03b2d4; padding-bottom: 0.5em; margin-bottom: 0.5em !important;}
ul.products li p.name{  font-size: 0.9em; font-weight: 700 !important; margin-top: 0.5em !important; text-align: center;}
ul.products li p.desc{ font-size: 0.8em !important; font-weight: 300 !important; font-style: italic; margin-top: 0.5em !important; line-height: 1;}
ul.products li p input[type=checkbox]{  margin-top: 1em;}
ul.products li p.photo_produit{ width: 50px; height: 50px; background-size: cover !important; border-radius: 50%; padding: 0;}



.total-a-regler {
	width:100%;
	background: #fff;
    color: #000;
	border: 2px solid #2e6da4;
	margin-bottom:20px;
	padding:10px;
	text-align:center;
	font-weight: bold;
}

.recap-concierge {
	width:100%;
	    background: #aaf2e4;
    color: #506a85;
	margin-bottom:20px;
	padding:10px;
}

.basket .bouton {
	background: #14d07a;
    height: 30px;
    padding: 0 20px 0 20px;
    display: table;
    color: #FFF;
    margin: 0 auto;
    vertical-align: middle;
    text-decoration: none;
    line-height: 30px;
}

.basket .inactif {
	background: #777777;
	pointer-events: none;
   cursor: default;
}

.basket .gauche {
	float:left;
}

.basket .droite {
	float:right;
}

.basket .avertissement{
	width:100%;
	text-align:center;
	font-size:26px;
	margin-top:20px;
	margin-bottom:20px;
}

.basket .rouge {
	background: #990000;
}


/**** CODE PROMO *******/

.page_recapitulatif .clearleft{ clear: left;}
.page_recapitulatif .ar{ text-align: right;}
.page_recapitulatif .total_demande label{ margin-top: 0.4em;}
.page_recapitulatif #btnCodePromo{ padding: 0.5em 1em; height: 34px; }
.page_recapitulatif .form-control { border-radius: 0; box-shadow: none; outline: none;}
.page_recapitulatif .form-control:focus { box-shadow: none; }
.page_recapitulatif #texteCodePromo{  padding-top: 1em; }


@media (max-width: 990px){
    .page_recapitulatif .total_demande .col-sm-8 .col-sm-3{ width: 35%; float: left; padding: 5px;}
    .page_recapitulatif .total_demande .col-sm-8 .col-sm-6{ width: 30%; float: left; padding: 5px; }
 
}

@media (max-width: 767px){
    .page_recapitulatif .total_demande .col-sm-8, .page_recapitulatif .total_demande .col-sm-4{ padding: 0;}
    .page_recapitulatif .total_demande .col-sm-8 .col-sm-3{ width: 25%;font-size: 0.9em;}
    .page_recapitulatif .total_demande .col-sm-8 .col-sm-3 input{ font-size: 0.9em;}
    .page_recapitulatif .total_demande .col-sm-8 .col-sm-6{ font-size: 0.8em;}
.page_recapitulatif #texteCodePromo{  font-size: 0.9em; padding-top: 0.5em; }
.page_recapitulatif .total_demande .col-sm-4{ padding: 1em 0 0; border-top: 1px solid #03b2d4;margin: 1em 0 0; font-size: 0.9em}
 
}


@media (max-width: 550px){
    .page_recapitulatif .total_demande .col-sm-8 .col-sm-3{ width: 35%; float: left; padding: 5px;}
    .page_recapitulatif .total_demande .col-sm-8 .col-sm-6{ width: 30%; float: left; padding: 5px; }
.page_recapitulatif #texteCodePromo{  font-size: 0.85em; }
}
    

/* PAGE PAIEMENT */


.prestation_paiement .col-xs-12 { max-width: 960px; float: none; margin: 0 auto;}
.prestation_paiement h2{ font-size: 1.4em; font-weight: 500; margin-bottom: 0;}
.prestation_paiement p.small{ font-size: 1em; font-weight: 300; font-style: italic;}
.prestation_paiement form{ margin-top: 2em; }
.prestation_paiement  .total_demande{ background: #fff; border: 2px solid #03b2d4; padding: 1em; }
.prestation_paiement  .total_demande p{  font-size: 1.5em; font-weight: 700; text-align: center; }


.prestation_paiement input[type=submit].bt-bleu{ color: #fff;  border: 1px solid #59c5da; background: #59c5da; text-transform: uppercase;  padding: 0.5em 1em; height: auto; display: inline-block; margin-top: 1.5em; font-size: 0.9em; font-weight: 500; border-radius: 0;}
.prestation_paiement a.bt-orange{ color: #fff;  border: 1px solid #c78d03; background: #c78d03; text-transform: uppercase; padding: 0.5em 1em; display: inline-block; margin-top: 1.5em; font-size: 0.9em; font-weight: 500;}
.prestation_paiement input[type=submit].bt-bleu:hover{ color: #59c5da !important; background: #fff;  border: 1px solid #59c5da; text-decoration: none;}
.prestation_paiement a.bt-orange:hover{ color: #c78d03 !important; background: #fff;  border: 1px solid #c78d03; text-decoration: none;}

.prestation_paiement .bt-actions .left{ float: left; margin: 1.5em 0; width: auto;}
.prestation_paiement .bt-actions .right{ float: right; margin: 2em 0; width: auto;}

.prestation_paiement .img_cb{ display: block; margin-bottom: 1em;}

.prestation_paiement hr{ margin: 0 0 1em; }

.prestation_paiement .new-card h2{ margin: 1em 0;}
.prestation_paiement .new-card .col-xs-12{ margin: 0; padding: 0;}
.prestation_paiement .new-card a{ cursor: pointer; }
.prestation_paiement .register-card .col-xs-12{ margin: 0; padding: 0;}
.prestation_paiement #form_prestation_cb_add .col-xs-12{ margin: 0;}




@media (max-width: 640px){
    .prestation_paiement .bt-actions{ text-align: center; }
    .prestation_paiement .bt-actions .left{ float: none; margin: 2em 0 0;}
    .prestation_paiement .bt-actions .right{ float: none; margin: 0.5em 0;}
}


@media (max-width: 550px){
    .prestation_paiement #exp_month_block .col-xs-4, .prestation_paiement #exp_month_block .col-xs-8{ width: 50%;}
}


/********* SUCCESS **************/

.prestation_paiement_success .col-xs-12 { max-width: 960px; float: none; margin: 0 auto; background:#efefef; }

.prestation_paiement_success a.bt-rouge{ color: #fff; background: #c40606; text-transform: uppercase; padding: 0.5em 1em; display: inline-block; margin-top: 1em; font-size: 0.9em; font-weight: 500; letter-spacing: initial;}
.prestation_paiement_success a.bt-bleu{ color: #fff;  border: 1px solid #59c5da; background: #59c5da; text-transform: uppercase; padding: 0.5em 1em; display: inline-block; margin-top: 1.5em; font-size: 0.9em; font-weight: 500;}
.prestation_paiement_success a.bt-orange{ color: #fff;  border: 1px solid #c78d03; background: #c78d03; text-transform: uppercase; padding: 0.5em 1em; display: inline-block; margin-top: 1.5em; font-size: 0.9em; font-weight: 500;}
.prestation_paiement_success a.bt-bleu:hover{ color: #59c5da !important; background: #fff;  border: 1px solid #59c5da; text-decoration: none;}
.prestation_paiement_success a.bt-orange:hover{ color: #c78d03 !important; background: #fff;  border: 1px solid #c78d03; text-decoration: none;}

.prestation_paiement_success .bt-actions{}
.prestation_paiement_success .bt-actions .left{ float: left; margin: 2em 0;}
.prestation_paiement_success .bt-actions .right{ float: right; margin: 2em 0;}