/* PANIER COMMANDE */

.conditionnement_resume{
	font-size: 10px;
}

.style_qte_sup{
	color: #e68f00;
}
.qte_sup_block{
	font-size: 12px;
	text-transform: none;
	color: #0d4d85;
	font-weight: bold;
}
.panTab {
    border-spacing: 0 5px;
}
.panTab th {
	font-size:0.8em;
	font-weight:normal;
	border: none 0px #fff;
	margin-bottom:5px;
	text-transform:uppercase;
	padding-bottom: 0px;
	padding-top: 5px;
	font-family: 'Open Sans', sans-serif;
	border-top: solid 1px #e7dac1;
}
.panTab th.panRef {
    border-left: solid 1px #e7dac1;
}
.panTab th.panSupp {
    border-right: solid 1px #e7dac1;
}
.panRef, .panPdt, .panPU, .panQte, .panP, .panSupp, .panPb, .panEtabliss, .panQteEtab, .panQtOffr {
	color:#717171;
	border-top: solid 1px #e7dac1;
    border-bottom: solid 1px #e7dac1;
    border-right: dotted 1px #e7dac1;
    padding: 10px;
}
.panSupp {border-right: solid 1px #e7dac1}
#page div.panSupp a {color: #ccc;}
.panRef { width:auto;font-family: 'Gilda Display', serif;font-size:0.9em;white-space:nowrap;border-left: solid 1px #e7dac1;vertical-align: top;}
.refPan  {color: #A8811F;font-size: 0.8em;text-transform: uppercase;font-family: 'Open Sans', sans-serif;display: block;margin-bottom: 3px;}
.panPdt {text-align: left;width:49%;text-transform:uppercase;font-family: 'Gilda Display', serif;vertical-align: middle;}
.panPdt em {text-transform: none;font-size: 0.8em;font-style: normal;font-family: 'Open Sans', sans-serif;}
.panPU { width:17%;text-align:right;line-height: 1em;vertical-align: middle;font-family: 'Gilda Display', serif;}
.panPU em {font-style:normal;font-size:0.8em;}
.panQte { width:12%;text-align:center;vertical-align:middle;border-right: dotted 1px #e7dac1;}
.panQte i, .panQteEtab i { font-size:1.2em;color: #A8811F;}
.panQte span, .panQteEtab span, .panQteEtabRecap span {padding:0 8px;}
.panQte.recap span, .panQte.recap span span {padding:0 0px;}
.panQte .style_qte_sup span {padding: 2px 0px 0px 0px;display: inline-block;}
.panQte .qte_sup_block {font-weight:normal;}
.panQte em, .panQteEtab em, .panQteEtabRecap em {display:none;}
#page .panQte a:hover {color: #D7AE82;}
#page .panQte a {color: #717171;}
.panQte a:hover svg, div.panQteEtab a:hover svg, panQteEtabRecap a:hover svg {color: #a1895f;}
.panP { width:17%;font-weight:bold;text-align:right;vertical-align:middle;border-right: dotted 1px #e7dac1;font-family: 'Gilda Display', serif;}
.panPb { width:22%;font-weight:bold;text-align:right;vertical-align:middle;}
.panSupp {width:5%;font-size:1.2em;text-align:center;vertical-align:middle;}
#page  .panSupp a  {color:#ccc;}
.panSupp a svg {font-size: 0.7em;}
#page  .panSupp a:hover  {color:#D7AE82;}
#page  .panSupp a:hover svg  {color:#D7AE82;}

.refVisu {
    display: block;
    width: 70px;
}

/* PANIER COMMANDE GROUPEMENT CLINIQUES */


.panGroup td  {
    border-bottom: dotted 1px #e7dac1;
}
.panGroupEtab td  {
    border-top: none;
    border-bottom: dotted 1px #e7dac1;
    padding: 0px 10px 5px 10px;
}
.panGroupEtab.last td  {
    border-bottom: solid 1px #e7dac1;
}
.panQteGroup {
	color:#717171;
    border-right: dotted 1px #e7dac1;
}
.panEtab {vertical-align:middle;border-right: dotted 1px #e7dac1;border-left: solid 1px #e7dac1;}
.panQteEtab { width:12%;text-align:center;vertical-align:middle;border-right: dotted 1px #e7dac1;}
.panQteEtab i { font-size:1.2em;color: #A8811F;}
.panQteEtab span {padding:0 8px;}
#page .panQteEtab a {color: #717171;}
#page .panQteEtab a:hover {color: #D7AE82;}
.panEnd {text-align:center;vertical-align:middle;border-right: solid 1px #e7dac1;}


/* PANIER DEMANDE OFFRE */


.panPdtOffr {
	color: #717171;
    border-top: solid 1px #e7dac1;
    border-bottom: solid 1px #e7dac1;
    border-right: dotted 1px #e7dac1;
    padding: 10px;
	text-align: left;
	width:78%;
	text-transform:uppercase;
	font-family: 'Gilda Display', serif;
	vertical-align: middle;
}
.panQtOffr {
	width: 17%;
	text-align: center;
}
.panQtOffr input[type="text"] {
	width: 80%;
	text-align: center;
	margin: 0 auto;
	display: block;
}

.refSpeVisu {
    margin-top: 9px;
}
.refSpeVisu img {
    margin-right: 2px;
    display: inline-block;
    height: 50px;
    width: auto;
}
.txtOpen {
	font-family: 'Open Sans', sans-serif;
	font-size: 0.8em;
}

/* TABLEAU DEMANDE OFFRE EN COURS PAGE COMMANDE VALID */


.panPdtOffrEnCours {
	color: #717171;
    border-top: solid 1px #e7dac1;
    border-bottom: solid 1px #e7dac1;
    border-right: solid 1px #e7dac1;
    padding: 10px;
	text-align: left;
	width:100%;
	text-transform:uppercase;
	font-family: 'Gilda Display', serif;
	vertical-align: middle
}
.panTab th.panPdtOffrEnCours {
    border-right: solid 1px #e7dac1;
}


/* TABLEAU HISTORIQUE COMMANDES DETAIL */


.panPdtDet {
	color: #717171;
    border-top: solid 1px #e7dac1;
    border-bottom: solid 1px #e7dac1;
    border-right: dotted 1px #e7dac1;
    padding: 10px;
	text-align: left;
	width:54%;
	text-transform:uppercase;
	font-family: 'Gilda Display', serif;
	vertical-align: middle
}
.panTab th.panPdtDet {
    border-right: solid 1px #e7dac1;
}
.panPDet {
	font-weight: bold;
	text-align: right;
	vertical-align: middle;
	font-family: 'Gilda Display', serif;
	color: #717171;
	border-top: solid 1px #e7dac1;
	border-bottom: solid 1px #e7dac1;
	border-right: solid 1px #e7dac1;
	padding: 10px;
	width: 17%;
}

	
/* TABLEAU HISTORIQUE OFFRES DETAIL */


.panTab th.panPdtOffrDet {
    border-right: solid 1px #e7dac1;
}
.panPdtOffrDet {
	color: #717171;
	border-top: solid 1px #e7dac1;
	border-bottom: solid 1px #e7dac1;
	border-right: solid 1px #e7dac1;
	padding: 10px;
	text-align: left;
	width: 100%;
	text-transform: uppercase;
	font-family: 'Gilda Display', serif;
	vertical-align: middle;
}


	
/* TABLEAU LISTING QUANTITE GROUPEMENT CLINIQUE */

.panTab#tabQteGroup{
	width: 100%;
	border-top: solid 1px #e7dac1;
	margin-top:10px;
}
#tabQteGroup .panQteEtab {
    border-right: solid 1px #e7dac1;
	width: 20%;
}
#tabQteGroup .panEtab {
	width: 80%;
}

/* PANIER TOTAL */


div.panTotal { 
	font-family: 'Gilda Display', serif;
	font-size:1.2em;
	width:912px;
	padding:10px;
	border-left: solid 1px #e7dac1;
	border-right: solid 1px #e7dac1;
	border-bottom: solid 1px #e7dac1;
	text-align:right;
	color: #717171;
}
div.panTotal span { 
	color:#A8811F;
	font-size:1.5em;
	font-weight:bold;
}
div.panTotal em { 
	font-style:normal;
	font-weight:300;
}
div.panFrais { 
	font-family: 'Gilda Display', serif;
	font-size:1.1em;
	width:912px;
	padding:10px;
	border-left: solid 1px #e7dac1;
	border-right: solid 1px #e7dac1;
	border-bottom: solid 1px #e7dac1;
	text-align:right;
	color: #717171;
}
#achat a.panValid {
	float: right;
	position: relative;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 10px 10px 10px 45px;
	font-size: 1.1em;
	background-color: #515151;
	color: #fff;
	text-transform:uppercase;
	line-height: 1.2em;
}
#achat a.panValid:hover {
  color: #A8811F;
}
#achat a.panValid i {
  font-size: 2em;
  font-family: FontAwesome;
  content: "\f00c";
  padding-right: 10px;
  color: #A8811F;
  position: absolute;
  left: 7px;
  top: 4px;
}
.panStep  {
	text-transform:uppercase;
	font-size: 0.9em;
	float:left;
	margin-right:10px;
	margin-bottom:20px;
	margin-top: 10px;
	behavior: url(../js/PIE.htc);
	padding:0px;
	color: #afafaf;
	font-family: 'Gilda Display', serif;
}
.panStep svg  {
	font-size: 1.1em;
	margin-right:7px;
}
#page .panStep > a.actif {
 	color: #717171;
	margin-right: 15px;
}
#page .panStep > a.encours {
 	color: #A8811F;
	margin-right: 15px;
}
#page .panStep > a.off {
 	color: #afafaf;
	margin-right: 15px;
}
#page .panStep > a.actif:hover, #page .panStep > a.encours:hover, #page .panStep > a.off:hover  {
 	color: #A8811F;
}
#page .panStep > span {
	margin-right: 15px;
}
#achat a.linkBack {
    display: block;
    margin: 15px 0px 10px;
    text-transform: uppercase;
    color: #A8811F;
}
#achat a.linkBack:hover {
    color: #000;
}
#achat a.linkBack:before {
	font-family: FontAwesome;
	content:"\f060";
	padding-right:10px;
} 	


/* NAV PRODUIS INTERIEURS */


ul#navPdtInt  {
	margin-left:0px;
	border-left: solid 1px #e7dac1;
	border-right: solid 1px #e7dac1;
	border-top: solid 1px #e7dac1;
	display:none;
}
ul#navPdtInt li {
	list-style-type: none;
	border-bottom: solid 1px #e7dac1;
}
ul#navPdtInt li a {
	color:#333;
	display:block;
	padding:5px 15px;
}
ul#navPdtInt li a svg {
	float: right;
	display: none;
	margin-top: 2px;
}
ul#navPdtInt li a:hover svg {
	display:block;
	color: #A8811F;
}
ul#navPdtInt li a:hover {
	color: #A8811F;
}
ul#navPdtInt li span{
	display:block;
	padding:5px 15px;
	color: #A8811F;
	background: #f6f3ee;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size:0.8em;
}

a#aSelectPdt, a#aCachePdt {
    color: #fff;
    padding: 10px 25px 10px 15px;
	background: rgb(162,138,96); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(162,138,96,1) 0%, rgba(198,177,136,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(162,138,96,1) 0%,rgba(198,177,136,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(162,138,96,1) 0%,rgba(198,177,136,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a28a60', endColorstr='#c6b188',GradientType=1 ); /* IE6-9  */
    display: inline-block;
	margin-top: 5px;
	position:relative;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	font-size: 0.8em;
	text-transform: uppercase;
	text-align:right;
	float: right;
}
a#aCachePdt {
	-webkit-border-radius: 7px 7px 0px 0px;
	-moz-border-radius: 7px 7px 0px 0px;
	border-radius: 7px 7px 0px 0px;
}

a#aSelectPdtOnlin, a#aSelectPdtOnlin {
    color: #fff;
    padding: 10px 25px 10px 15px;
    background: rgb(13,77,133); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(13,77,133,1) 0%, rgba(34,114,184,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(13,77,133,1) 0%,rgba(34,114,184,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(13,77,133,1) 0%,rgba(34,114,184,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d4d85', endColorstr='#2272b8',GradientType=1 ); /* IE6-9 *+ */
    display: inline-block;
	margin-top: 10px;
	position:relative;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	font-size: 0.8em;
	text-transform: uppercase;
	float: right;
}
a#aSelectPdtOnlin svg, #aSelectPdtOnlin svg, a#aSelectPdt svg, a#aCachePdt svg  {
	margin-top: -6px;
	display: block;
	position: absolute;
	right: 14px;
	top: 50%;
	color: #fff;
	font-size: 1.1em;
}
#page a#aSelectPdtOnlin:hover, a#aSelectPdtOnlin:hover {
    background: #0d4d85;
}

/* IDENTIFICATION */


.boxBorderId {
    border-left: 1px solid #dcdcdc;
    border-top: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
	height:160px;
	position:relative;
	padding:5px 10px;
}
.boxBorderId input {
	margin-bottom:5px;
}
.boxBorderId h3 {
	margin-top: 10px;
	margin-bottom: 15px;
}
a.boxBorderLink {
	display:block;
	bottom:0px;
	background-color: #d7ae82;
	color:#fff;
	width:100%;
	padding:5px 10px;
	margin-bottom:20px;
	font-size: 1.2em;
}
a.boxBorderLink:hover {
	color:#000;
}
.monCompte input, .monCompte textarea  {
	margin-bottom:5px;
}
.boxBorderId .colVert {
	margin-top: 10px;
	display: block;
	font-size: 0.9em;
}

.boxInfo {
	border:solid 1px #dcdcdc;
	padding:0 15px 5px 15px;
	margin:10px 0;
	color: #515151;
}
.boxInfo h3 {
	margin-top:15px;
}
div.erreur {
    background-color: #FFEA00;
    padding: 10px;
    margin-top: 5px;
    font-size: 12px;
    font-family: arial,sans-serif;
}
#page a.panValid {
	display: block;
	padding: 7px 10px 5px 10px;
	font-size: 1em;
	text-transform: uppercase;
	cursor: pointer;
	color: #fff;
	float: right;
	margin-top: 20px;
	background-color: #b9a57f;
	margin-left:20px;
	letter-spacing:1px;
}
#page a.panValid i {
    padding-right:10px;
    font-size: 1.2em;
	color:#fff;
}
#page a.panValid:hover {
    background-color: #a8811f;
}
#page a.panBack {
	display: block;
	padding: 7px 10px 5px 10px;
	font-size: 1em;
	text-transform: uppercase;
	cursor: pointer;
	color: #fff;
	float: right;
	margin-top: 20px;
	background-color: #909090;
	letter-spacing:1px;
}
#page a.panBack i {
    padding-right:10px;
    font-size: 1.2em;
	color:#fff;
}
#page a.panBack:hover {
    background-color: #717171;
}

a.panLink {
    display: block;
    padding: 10px 0px;
    font-size: 1em;
    text-transform: uppercase;
    cursor: pointer;
    color: #818386;
	margin-top:10px;
}
a.panLink i {
    padding-right:10px;
    font-size: 1em;
	color:#D7AE82;
	padding-top:5px;
}
a.panLink:hover {
    color: #A8811F;
}
#formnew .form-control, #formpassforgot .form-control, #formPanier .form-control {
    border: 1px solid #dcdcdc;
	margin-top:5px;
    color: #D7AE82;
}
#formnew input, #formpassforgot input, #formPanier input {
    color: #D7AE82;
}
#page p.totalEconomie {
    border-bottom: solid 5px #e7dac1;
	padding-bottom: 10px;
	margin-top: 20px;
	text-align: right;
	color: #A8811F;
	padding-right: 11px;
}



/* ==================================================
   COMMANDES
================================================== */


#listCommandAttente {
	border:solid 1px #dcdcdc;
	padding:0 15px 5px 15px;
	margin-left:0px;
	margin-bottom:0px;
	background-color: #f6f3ee;
}
#listCommandEncours, #listHistoOffre {
	border-left:solid 1px #dcdcdc;
	border-bottom:solid 1px #dcdcdc;
	border-right:solid 1px #dcdcdc;
	padding:0 15px 5px 15px;
	margin-left:0px;
	background-color: #fff;
}
#listCommand {
	border:solid 1px #dcdcdc;
	padding:0 15px 5px 15px;
	margin-left:0px;
}
#listCommand li {
	display:block;
    border-bottom: solid 1px #dcdcdc;
	position: relative;
}
#listCommandAttente li  {
	display:block;
    border-bottom: solid 1px #ded7cd;
	position:relative;
	padding-bottom: 2px;
}
 #listCommandEncours li, #listHistoOffre li  {
	display:block;
    border-bottom: solid 1px #dcdcdc;
	position:relative;
	padding-bottom: 2px;
}
#listCommand li:last-child, #listCommandAttente li:last-child, #listCommandEncours li:last-child, #listHistoOffre li:last-child {
    border-bottom: none 0px #dcdcdc;
}
#listCommand li a, #listCommandAttente li a {
	display:inline-block;
	padding: 10px 0;
	color: #717171;
	text-transform: none;
}
#listCommandAttente li a, #listCommandEncours li a, #listHistoOffre li a:not(.noStyle)  {
	display:block;
	padding: 10px 0 2px 0;
	color: #333;
}
#listCommandAttente a.btnBlu  {
	position:absolute;
	top:42px;$right:0px;
    display: block;
    font-size: 0.8em;
    font-family: 'Open Sans', sans-serif;
    padding: 6px 25px 6px 10px;
    text-transform: uppercase;
    margin-top: 10px;
    position: relative;
    line-height: 1.4em;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
	border-radius: 7px;
    color: #fff;
    letter-spacing: 0px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0d4d85+0,2272b8+100 */
	background: rgb(13,77,133); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(13,77,133,1) 0%, rgba(34,114,184,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(13,77,133,1) 0%,rgba(34,114,184,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(13,77,133,1) 0%,rgba(34,114,184,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d4d85', endColorstr='#2272b8',GradientType=1 ); /* IE6-9 *+ */	
}
#listCommandAttente a.btnBlu svg {
    margin-top: -5px;
    display: block;
    position: absolute;
    right: 7px;
    top: 50%;
	color:#fff;
}
 #listCommandAttente a.btnBlu:hover {
    background: #0d4d85;
}
#listCommandAttente li a.editCommand, #listCommandEncours li a.editCommand, #listHistoOffre li a.editCommand {
	position:absolute;
	display:block;
	padding:0px;
	right: 30px;
	top: 9px;
	font-size: 1.3em;
}
.userDroit {
	border-radius: 20px;
	background: #fff;
	color: #ccc;
	padding: 0 9px 1px 0px;
	width: 30px;
	text-align: center;
	display: block;
	float: left;
	height: 30px;
	margin-top: 1px;
}
#listCommandAttente li a.suppCommand, #listCommandEncours li a.suppCommand, #listHistoOffre li a.suppCommand  {
	position:absolute;
	display:block;
	padding:0px;
	right: 0px;
	top: 11px;
	font-size: 1.10em;
}
#listCommandAttente li a.suppCommand svg, #listCommandEncours li a.suppCommand svg, #listHistoOffre li a.suppCommand svg  {
    color: #ccc;
}
#listCommandEncours li a.consultCommand, #listHistoOffre li a.consultCommand {
	position:absolute;
	display:block;
	padding:0px;
	right: 0px;
	top: 7px;
	font-size: 1.5em;
}
.offrRecapBtn {
	position:absolute;
	display:block;
	padding:0px;
	right: 0px;
	top: 11px;
	font-size: 1.5em;
}
#listCommandEncours li .offrRecapBtn a,
#listHistoOffre li .offrRecapBtn a{
    display: block;
    float: right;
    margin-left: 20px;
    color: #717171;
	padding-top: 0px;
}
#listCommandEncours li .offrRecapBtn a.iconFact,
#listHistoOffre li .offrRecapBtn a.iconFact {
    display: block;
    font-size: 1.1em;
    margin-top: -1px;
    color: #2272b8;
    margin-left: 22px;
}

#listCommand li a:hover, #listCommand li a:hover strong {
    color: #a8811f;
}
#listCommand li i {
	position:absolute;
	right:0px;
	top: 12px;
	font-size:1.5em;
}
#listUser {
	border:solid 1px #dcdcdc;
	padding:3px 15px 5px 15px;
	margin-left:0px;
}
#listUser.listUserDet {
	float: right;
	margin-top: -41px;
	border:none;
	padding: 3px 0px 5px 15px;
}
#listUser.listUserDet .switchAccounList {
	right: 37px;
}
#listUser li {
	display:block;
    border-bottom: solid 1px #dcdcdc;
	position: relative;
    padding: 10px 0;
	min-height: 71px;
}
#listUser li:last-child {
    border-bottom: none 0px #dcdcdc;
}
#listUser li a {
    display: block;
    padding: 0px;
    color: #717171;
    text-transform: none;
	float: left;
}
#listUser li a strong {
    font-size: 1em;
	color:#175e9d;
}
#listUser li a.userDelete {
	position:absolute;
	display:block;
	padding:0px;
	right: 0px;
	top: 33px;
	font-size: 1.1em;
	color: #ccc;
}
#listUser li a.userEdit {
	position:absolute;
	display:block;
	padding:0px;
	width:15px;
	text-align: right;
	right: 138px;
	top: 31px;
	font-size: 1.3em;
}
#listUser li a.userNewPass {
	position:absolute;
	display:block;
	padding:0px;
	width:15px;
	text-align: right;
	right: 98px;
	top: 31px;
	font-size: 1.3em;
}
#listUser li a.userNoActif, #listUser li a.userActif  {
	position:absolute;
	display:block;
	padding:0px;
	width:14px;
	text-align: right;
	right: 29px;
	top: 15px;
	font-size: 1.2em;
}
#listUser li a.userNoActif {
	color:#bcbcbc;
}
#listUser li a.userNoActif:hover {
	color:#A2C224;
}
#listUser li a.userActif {
	color:#A2C224;
}
#listUser li a.userActif:hover{
	color:#f73e0d;
}
#listUser a:hover svg  {
	color: #c6b188;
}
#listUser li a span {
	display: block;
	float: left;
	margin-left: 10px;
	margin-top: 19px;
	max-width: 300px;
}
#listUser .boxUserImg img.imgEdit,
#listUser .boxUserImg img.imgUser {
	width:70px;
	height:70px;
}
#listUser a.boxUserImg {
	margin-top: 0px;
}
#listUser a.boxUserImg {
	margin-top: 0px;
}
.tagDroit {
    padding: 2px 7px 3px 7px;
    line-height: 16px;
    margin-left: 5px;
    text-align: right;
    font-size: 9px;
    text-transform: uppercase;
    border-radius: 7px;
	position: absolute;
	top: 32px;
	right: 35%;
}
.libre {
    color: #fff;
    border: solid 1px #175e9d;
	background: #175e9d;
}
.consultation {
	color: #fff;
	border: solid 1px #175e9d;
	background: #6cabe4;
}
.validation {
	color: #4f82b0;
	border: solid 1px #a0bad4;
	background: #e0edfb;
}
#userName .tagDroit {
	top: -5px;
	right: 160px;
}
#page a.btnShopOcr.noMargT {
	margin-top:0px;
}
.paddT8 {
	padding-top:8px;
}



/* HISTORIQUE COMMANDES */


#listCommandRecap {
	border: solid 1px #dcdcdc;
	padding: 20px 15px 5px 15px;
	margin-left: 0px;
}
#listCommandRecap li {
    border-bottom: none 0px #dcdcdc;
	display: block;
	position: relative;
}
#listCommandRecap li span {
	display: block;
	margin-bottom: 20px;
	color: #afafaf;
	letter-spacing: 2px;
	font-size: 0.9em;
	border-bottom: solid 1px #dcdcdc;
	padding-bottom: 7px;
}
#listCommand li span {
	display: block;
	border-top: dotted 1px #dcdcdc;
	padding-top: 5px;
	margin-top: 7px;
	margin-bottom: 20px;
	color: #afafaf;
	letter-spacing: 2px;
	font-size: 0.9em;
	border-bottom: solid 1px #dcdcdc;
	padding-bottom: 5px;
}
#listCommandAttente li span, #listCommandEncours li span {
	display: block;
	border-top: dotted 1px #dcdcdc;
	padding-top: 5px;
	margin-top: 7px;
	color: #afafaf;
	letter-spacing: 2px;
	font-size: 0.9em;
	padding-bottom: 5px;
}
#listCommandRecap li span a, #listCommand li span a, #listCommandAttente li span a, #listCommandEncours li span a {
}
#listCommand li span a svg, #listCommandAttente li span a svg, #listCommandEncours li span a svg {
	margin-top:-6px;
	display: block;
	position: absolute;
	right: 9px;
	top: 56%;
	color: #d2bc90;
}
#listCommand li span a:hover, #listCommandAttente li span a:hover, #listCommandEncours li span a:hover,
#listCommandRecap li span a:hover svg, #listCommand li span a:hover svg, #listCommandAttente li span a:hover svg, #listCommandEncours li span a:hover svg{
    color: #A8811F;
}
#listCommandRecap li i.fa-hourglass-half,  #listCommandRecap li i.fa-angle-right {
	position:relative;
	color: #b9a57f;
	font-size: 1em;
	top: initial;
}
#listCommandRecap li div.commandRecapBtn {
	position:absolute;
	right:0px;
	top: -5px;
	font-size:1.5em;
}
#listCommandRecap li div a {
	display:block;
	float:right;
	margin-left:20px;
	color: #717171;
}
#listCommandRecap li div a.iconFact {
	display:block;
	font-size:1.1em;
	margin-top:-1px;
	color: #5a92ce;
	margin-left: 22px;
}
#listCommandAttente li a svg, #listCommandEncours li a svg {
	color: #717171;
}
#listCommandAttente li a.iconFact svg, #listCommandEncours li a.iconFact svg {
    color: #5a92ce;
}
#listCommandRecap li i {
	position:relative;
	right:0px;
	top: initial;
	font-size:1em;
}
#navBtnPrintPdf {
	margin-bottom:15px;
}
#navBtnPrintPdf a {
	display:block;
	float:right;
	margin-left:15px;
	color: #717171;
	font-size:1.3em;
}
#navBtnPrintPdf a:hover  {
	color: #a8811f;
}
#listCommand li svg {
}
#listCommand li a.offre {
	position:absolute;
	display:block;
	padding:0px;
	width:15px;
	text-align: right;
	right: 56px;
	color:#A2C224;
	font-size: 1.2em;
	top: 14px;
}
#listCommand li a.commande {
	position:absolute;
	display:block;
	padding:0px;
	width:15px;
	text-align: right;
	right: 86px;
	color:#A2C224;
	font-size: 1.25em;
	top: 13px;
}
#listCommand li a.offreEdit {
	position:absolute;
	display:block;
	padding:0px;
	width:15px;
	text-align: right;
	right: 3px;
	top: 13px;
	font-size: 1.2em;
}
#listCommand li svg.offre.lock, #listCommand li svg.commande.lock {
	color:#ff5100;
}
#listCommand li strong {
	font-weight: 700;
	font-size: 1.1em;
}
.alerte{
	background-color: #ff7e00;
	color: #fff;
	padding: 5px 15px 5px 15px;
	margin: 20px 0px;
	position: relative;
}
#ongletPanier {
	text-align:center;
}
#ongletPanier a {
	display: inline-block;
	padding:9px 10px 10px 10px;
	font-family: 'Open Sans', sans-serif;
	color: #0d4d85;
	font-size: 0.9em;
	line-height: 1.2em;
	text-transform: uppercase;
	margin-bottom: 0px;
	background:#fff;
	margin: 10px 10px 10px 10px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	width: 220px;
}
#ongletPanier a.tagPan {
	border: solid 1px #8aaccb;
}
#ongletPanier a.tagPan:hover, #ongletPanier a.tagPanOn {
	border: solid 1px #0d4d85;
	background: #0d4d85;
	color: #fff;
}
#ongletPanier a.tagSelec {
	border: solid 1px #c6b188;
	color: #A8811F;
}
#ongletPanier a.tagSelec:hover, #ongletPanier a.tagSelecOn {
	border: solid 1px #A28A60;
	background: #A28A60;
	color: #fff;
}

.statuCommand {
	display: block;
	margin-top: 3px;
	color: #afafaf;
	letter-spacing: 2px;
	font-size: 0.9em;
	padding-bottom: 7px;
}
.statuCommand.cdeAnnul {
	color: #ff0000;
	margin-bottom: 20px;
	border-bottom: solid 1px #dcdcdc;
	padding-bottom: 7px;
}
.statuCommand.cdeExped {
	color: #00af50;
}
.statuCommand.cdeValid {
	color: #a8811f;
}
.statuCommand svg {
	font-size:0.8em;
}
#boxFraisPan  {
	padding-right:10px;
	text-align:right;
	margin-bottom: 15px;
}
#boxFraisPan p  {
	text-align:right;
}
#boxFraisPan h2  {
	margin-bottom:0px;
}
#triCommand {
	margin-bottom:25px;
}
#triCommand .selectType {
	float: right;
	width: 45%;
	margin-top: 10px;
	text-align: right;
}
#triCommand .searchCde {
	float:left;
	width:688px;
	margin-bottom: 10px;
}
#triCommand input.searchImg {
	float:right;
	display:block;
	height: 31px;
	border-top: solid 1px #E9E2D2;
	border-right: solid 1px #E9E2D2;
	border-bottom: solid 1px #E9E2D2;
	border-radius: 0px 7px 7px 0px;
	margin-top: -1px;
}
#triCommand input.searchInput {
	color: #A8811F;
	border: solid 1px #E9E2D2;
	width: 312px;
	height:17px;
	border-radius: 7px 0px 0px 7px;
	margin-top: -1px;
}
#searchCde {
	text-align: right;
}
#searchCde label {
	margin-top: 19px;
	display: inline-block;
}


/* DATE PICKER RECHERCHE COMMANDE */

#searchDate {
	float: left;
    width: 123px;
	margin-top: -1px;
}
#dateCmde {
    border-top: solid 1px #E9E2D2;
    border-bottom: solid 1px #E9E2D2;
    border-right: solid 1px #E9E2D2;
    padding: 8px 9px 7px 35px;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
	height: 16px;
}
#searchDate .gj-icon {
    color: #c1ad8a;
	left: 5px;
	top: 6px;
}
#searchDate .gj-textbox-md {
    color: #A8811F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	width: 101px;
}
#searchDate .gj-textbox-md::placeholder {
 color:#c1ad8a;
}
#searchDate .gj-textbox-md:-ms-input-placeholder {
 color:#c1ad8a;
}
#searchDate .gj-textbox-md::-ms-input-placeholder {
 color:#c1ad8a;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #c1ad8a;
}
::-moz-placeholder { /* Firefox 19+ */
	color: #c1ad8a;
}
:-ms-input-placeholder { /* IE 10+ */
	color: #c1ad8a;
}
:-moz-placeholder { /* Firefox 18- */
	color: #c1ad8a;
}


/* DCHECK STOCK COMMANDE */

#tabCheckStock .etatStock {
    text-align: center;
    vertical-align: middle;
	color:#717171;
	border-top: solid 1px #e7dac1;
	border-bottom: solid 1px #e7dac1;
	border-right: dotted 1px #e7dac1;
	padding: 10px;
}
#tabCheckStock .etatStock p {
    margin-bottom:0px;
	margin-top:5px;
	font-size: 11px;
}
#tabCheckStock input[type=radio] {
	margin-top: 3px;
	margin-right: 5px;
	float: left;
}
#tabCheckStock .separH10clear {
	clear:both;
	display: block;
	height:10px;
	border-bottom: dotted 1px #e7dac1;
	margin-bottom: 10px;
}
#checkStock #valiBtn {
	position:relative;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px
	border-radius: 7px;
	color: #fff;
	display: block;
	font-size: 1em;
	font-family: 'Open Sans', sans-serif;
	padding: 9px 32px 9px 12px;
	text-transform: uppercase;
    letter-spacing: 1px;
	margin-top:7px;
	line-height: 1.2em;
	background: rgb(13,77,133); 
	background: -moz-linear-gradient(left, rgba(13,77,133,1) 0%, rgba(34,114,184,1) 100%); 
	background: -webkit-linear-gradient(left, rgba(13,77,133,1) 0%,rgba(34,114,184,1) 100%); 
	background: linear-gradient(to right, rgba(13,77,133,1) 0%,rgba(34,114,184,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d4d85', endColorstr='#2272b8',GradientType=1 ); 
	border:none;
	width:100%;
	font-weight:bold;
}
#checkStock #valiBtn svg {
	color: #fff;
	margin-left:5px;
}
#checkStock #valiBtn:hover {
	background:#0d4d85;
}
.valStock {
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    padding: 1px 5px 2px 5px;
    border-radius: 4px;
    display: inline-block;
}
.valStock.enStock {
    color: #A2C224;
    border: solid 1px #a2c22461;
}
.valStock.partielStock {
    color: #FF6100;
    border: solid 1px #FF610045;
}
.valStock.noStock {
    color: #c2000a;
    border: solid 1px #c2000a45;
}
#tabCheckStock label {
	font-family: 'Open Sans', sans-serif;
    text-transform: none;
    font-size: 12px;
    padding-left: 5px;
	float: left;
	width: calc(100% - 30px);
}
.retirerPdt {
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    margin-bottom: 2px;
    display: block;
    margin-top: 5px;
}
.retirerPdt a {
	float:left;
    display: block;
    font-size: 0.8em;
    font-family: 'Open Sans', sans-serif;
    padding: 5px 25px 5px 10px;
    text-transform: uppercase;
    margin-top: 0px;
    margin-left: 10px;
    position: relative;
    line-height: 1.4em;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
	border-radius: 7px;
    color: #fff;
    letter-spacing: 0px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0d4d85+0,2272b8+100 */
	background: rgb(13,77,133); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(13,77,133,1) 0%, rgba(34,114,184,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(13,77,133,1) 0%,rgba(34,114,184,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(13,77,133,1) 0%,rgba(34,114,184,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d4d85', endColorstr='#2272b8',GradientType=1 ); /* IE6-9 *+ */
}
.retirerPdt a svg {
    margin-top: -5px;
    display: block;
    position: absolute;
    right: 7px;
    top: 50%;
}
.retirerPdt > span {
	float:left;
    display: inline-block;
	font-style: normal;
	padding-top:3px;
	font-size: 12px;
}

@media screen and (max-width: 991px) {
}
@media screen and (max-width: 640px) {
}
@media screen and (max-width: 479px) {
}