@charset "iso-8859-1";
/* bloc-cde */

.ligneClient {
background-color:#60584c;
text-align: right;
padding: 7px 0px 5px 0px;
position: fixed;
z-index: 10000;
width: 100%;
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.22) inset;
}

.ligneClient  a { color:#fffd !important; padding: 0 10px; }
.ligneClient  a:hover { color:#fff !important; text-decoration:none; opacity:1; }

#nbart, #BtnCdeNbart {
    background-color: #f5ac3c;
    border-radius: 8px;
    color: #000;
	}


#BtnCdeNbart {
    background-color: rgba(255, 255, 255, 0.65);
    border-radius: 8px;
    color: #666;
	}


.produit {
    border-bottom: 1px solid #ccc;
	padding: 14px;
}

.bmontant {
    float: right;
	color:#777;
}

.bquantite, .bprix, bmontant  {
    color: #000;
}

.bquantite  {
margin-right: 5px;
background-color: #c89350;
color: #fff !important;
padding: 2px 6px;
display: inline-block;
font-size: 1.2em;
font-weight: bold;
}

.bprix {
/*	font-size:1.2em;*/

}

. recapZoneAdresse {    border: 1px solid #ccc;
    padding: 10p 10x;
    margin-top: 20px;}

.designation {
    color: #9f7829;
	margin-bottom: 5px;
}

.recap, .blocConnexion {
color: #141414;
font-family: arial;
position: fixed;
top: 0px;
right:20px;
width: 350px;
z-index: 1000;
display:none;

	}

.PanierCorp {
background-color: #f5f5f5;

border-radius: 0 0 9px 9px;
box-shadow: 0 0 13px rgba(0, 0, 0, 0.27);
border: 1px solid #55555580;
padding: 10px 25px 25px 25px;
position: absolute;
left: 20px;
min-width: 340px;
}


.icoPanier {
background-color: #0099ff;
border-radius: 10px 0 0 10px;
box-shadow: 0 7px 6px rgba(0, 0, 0, 0.3);
color: #fff;
cursor: pointer;
line-height: 40px;
margin: 0;
padding: 5px;
position: fixed;
right: 0;
top: 50%;
width: 40px;
}


 .panierAffiche {
	top:30px;
}
.panierCache {
	top:-1000px;
}

 .panierAfficheOver{
	 background-color:#39c2fe !important;
	 box-shadow:2px 0px 5px rgba(255,255,255, 0.5) !important;
}

#fermer, .fermer {
background-color:  #F60;
border-radius: 3px;
color: rgba(255,255,255, 0.8);
line-height: 24px;
text-align: center;
cursor:pointer;
position: absolute;
right: 9px;
top: 7px;
padding: 0px 7px;
}

.fermerBas {
background-color: #F60;
border-radius: 3px;
color: rgba(255,255,255, 0.8);
line-height: 24px;
text-align: center;
cursor: pointer;
padding: 0px 7px;
display: inline-block;
margin-top: 10px;
}


#fermer:hover, .fermer:hover, .fermerBas:hover {
background-color: #F90;
border-radius: 0px;
color: rgba(255,255,255, 1);
}

.titrePanier {color: #777; font-size: 1.4rem; margin: 10px 10px 15px -5px;}

.BlocActions{  display: inline-block; }

.LigneBtn {
	margin: 5px 0px 15px 0;
	display: flex;
	justify-content: space-between;
}

.btnVoirPass {
cursor: pointer;
opacity: 0.7;
background-color: #999;
display: inline-block;
padding: 3px 8px;
border-radius: 3px;
color: rgb(255, 255, 255);
border: 1px solid #686868;
}

.msgRetourCnx { color:#F30; }


.texteTitre {
	color: rgba(0,0,0, 0.55);
	font-size: 130%;
	line-height: 27px;
}

.texteTotal {
color: #aaa;
display: inline-block;
float: right;
vertical-align: middle;
	}

.texteTotalInput {
background-color: rgba(255, 255, 255, 0.9);
border: 1px solid #dedede;
border-radius: 3px;
color: #333;
padding: 5px;
text-align: center;
	}

#finCde{
	background: #71A601;
	color: #FFFFFF;
	padding: 4px 15px;
	text-align: center;
	display: inline-block;
}

#finCde:hover{background:#9DD800;cursor:pointer}

#finCde a {
	color: #FFFFFF;
}

#ViderPanier{
background-color: rgba(255, 255, 255, 0.5);
cursor: pointer;
display: inline-block;
margin: 5px;
padding: 2px 10px;
text-align: center;
}
#ViderPanier:hover{background:#222;cursor:pointer}
.btnOuvrir {
color: #eee;
padding: 4px 5px;
text-align: center;
text-decoration: none;
	}

.PanierPied {
    background-color: #BFB470;
    color: #444444;
    padding: 10px;
    text-align: right;
}

#blocDetail {
background-color: rgba(255, 255, 255, 0.95);
margin: 10px 0;
width:100%;
}

#blocDetail th { 
border: 1px solid #777 !important;
background-color:#bfb470 !important;
color: #fff !important;
font-size: 80% !important;
padding: 5px 10px !important;
text-align: left !important;
}
#blocDetail td { 
border: 1px solid #777 !important;
color: #a59a56 !important;
padding: 5px 10px !important;
}
.PanierValider {
}
.PanierVider {
}

input:-webkit-autofill{
    -webkit-box-shadow: 0 0 0 1000px white inset;
}

#formConnexion > input {
	width: 100%;
    margin: 5px 0;
    padding: 5px 6px;
background-color: rgb(255, 255, 255) !important;
    border: 1px solid #ccc;
	}

a.btnCnxValide {
	background: #71A601;
color: #FFFFFF;
padding: 4px 30px;
text-align: center;
display: inline-block;
	}

a.btnCnxValide:hover {
background: #9DD800;
	}

a.btnCnxNeutre {
	width: 100%;
    border-top: 1px solid #aaa;
    display: block;
    padding: 5px;
    color: #444;
	text-decoration:none;
	}

a.btnCnxNeutre:last-child,
a.btnCnxNeutre:last-of-type {
	border-bottom: 1px solid #aaa;
	}
	
a.btnCnxNeutre:hover {
background-color: #999;
padding-left: 10px;
color: #fff;
transition: padding 0.5s, background-color 0.5s, color 0.3s ease;
}