

#panier-tmpl { display:none; }

aside.panier .nosel, aside.panier .nosel * { -webkit-user-select:none;      
    -moz-user-select:none; /* non-sélectionnable */
    -ms-user-select:none;
    -o-user-select:none;
    user-select:none; }

aside.panier { position: absolute; top:2.5rem; right:7rem; z-index: 11; 
	background:#f00; height:3rem; }

aside.panier .btn-head { font-size:2rem; position: fixed; top:2.5rem; right:7rem; 
	width:9rem; height:3rem; /* background:#0F0; */ cursor:pointer; text-align:right; }
aside.panier .btn-head .nb { font-size:1.3rem; position: relative; top:-0.7rem; left:-0.2rem; }
aside.panier .btn-head .total { font-size:0.8rem; position: absolute; right:1.4rem; bottom:-0.2rem; }

aside.panier .detail-dump { background-color:rgba(255,255,255,0.95); position: absolute; right:0; top:0; margin-top:4.5rem;
	border:solid 1px #e0e0e0; }
aside.panier .detail-dump { display:none; }
aside.panier .detail-dump .container { width:30rem; padding:2rem; position: relative; }

/*aside.panier .detail-dump .bg { position: absolute; left:0; top:0; width:100%; height:100%; background:rgb; }*/

aside.panier .detail-dump .items { margin-top:2rem; max-height:50vh; overflow:auto; }
aside.panier .detail-dump .items .item { position: relative; }
aside.panier .detail-dump .item p {}
aside.panier .detail-dump .item p span { position: static; display:inline-block; vertical-align: top; }
aside.panier .detail-dump .item img.mini { width:50px; height:40px; margin:0 1rem 0 0;
	object-fit: contain; object-position:0% 100%; }
aside.panier .detail-dump .item .titre { font-size:0.8rem; width:10rem; line-height:1rem; }
aside.panier .detail-dump .item p a.first:hover { text-decoration: none; }

aside.panier .detail-dump .item .ui { float:right; }
aside.panier .detail-dump .item .prix { margin:0 0.5rem 0 0; }
aside.panier .detail-dump .item .port {}
aside.panier .detail-dump .item .ex { font-size:0.8; }

aside.panier .detail-dump .item .btn { font-size:18px; cursor:pointer; padding:0rem 0.1rem; /*background:#f00; /* font-weight:bold; */ }
aside.panier .detail-dump .item .btn.plus { margin-left:1.5rem; }
aside.panier .detail-dump .item .btn.moins {}

aside.panier .detail-dump .bilan { text-align: right; margin:1rem 0; }
aside.panier .detail-dump .bilan p { margin:0; }
aside.panier .detail-dump .bilan p span { display:inline-block; width:5rem; font-weight:bold; }
aside.panier .detail-dump .bilan .subtotal { font-size:0.9rem; line-height:1.1rem; }
aside.panier .detail-dump .bilan .port { font-size:0.9rem; line-height:1.1rem; }
aside.panier .detail-dump .bilan .total { margin-top:1rem; font-weight:bold; }

aside.panier .detail-dump .footer {}
aside.panier .detail-dump .footer p { font-size:0.9rem; line-height:1.2em; text-align: right; }
aside.panier .detail-dump .footer a { text-decoration: underline; }
/*aside.panier .detail-dump .footer .pay { float:right; background-color: #000; color:#fff; padding:0.2rem 0.7rem; 
	border:solid 1px #000; cursor:pointer; }
aside.panier .detail-dump .footer .pay:hover { background-color: #fff; color:#000; }*/
aside.panier .detail-dump .footer .pay { float:right; }
aside.panier .petit { font-size:0.9em; }
aside.panier .detail-dump .footer .cgv { font-size:0.9rem; float:right; }
aside.panier .detail-dump .footer .please { font-size:0.8rem; float:right; }
aside.panier .detail-dump .footer .compl { font-size:0.8rem; float:right; text-align:right; display:none; }

aside.panier .detail-dump .close { position: absolute; top:0; right:0; font-size:18px; cursor:pointer; padding:0.5rem 0.7rem; }

#panier-overlay { position: fixed; left:0; top:0; display:none; z-index:999999999999; opacity:1; }
#panier-overlay div { background-color:#FFF; opacity:0.7; width:100vw; height:100vh; } /* chai pas ça peut servir */

@media screen and (max-height: 780px){
	aside.panier .detail-dump { margin-top:4rem; }
	aside.panier .detail-dump .bilan { margin:0.5rem 0; }
	aside.panier .detail-dump .items { margin-top:1rem; max-height:30vh; }
}