/* CSS Document */

.color0 { color:#000; }
.colorF { color:#FFF; }
.color1 { color:#314A59; }
.color2 { color:#F2F2F2; }
.color3 { color:#7297A6; }
.color4 { color:#F2B90C; }
.color5 { color:#D9910B; }


.bgcolor0 { background-color:#000; }
.bgcolorF { background-color:#FFF; }
.bgcolor1 { background-color:#314A59; }
.bgcolor2 { background-color:#F2F2F2; }
.bgcolor3 { background-color:#7297A6; }
.bgcolor4 { background-color:#F2B90C; }
.bgcolor5 { background-color:#D9910B; }


.Espace {
	position:fixed;
	top:65px;
	z-index:9999;
	/*height:500px;*/
	width:275px;
	border: thin solid #000;
	padding:10px;
	box-shadow: 8px 8px 12px #333;
}

.Marque {
	position:fixed;
	display:block;
	top:65px;
	z-index:8888;
	/*height:500px;*/
	width:300px;
	border: thin solid #000;
	padding:10px;
	box-shadow: 8px 8px 12px #333;
    font-size: 0.9em;
}

.Categ1 {
	position:fixed;
	display:block;
	top:65px;
	z-index:7777;
	/*height:500px;*/
	width:300px;
	border: thin solid #000;
	padding:10px;
	box-shadow: 8px 8px 12px #333;
    font-size: 0.9em;
}



.Categ1Li {
	display:block !important;
}


.Categ2Li {
	display:block !important;
}

.divPanier {
	position:relative;
	line-height:1em; 
	text-align:left;
	padding-top:10px; 
	padding-right:10px;
}

.divPanier a {
	border-bottom:none !important;
}

.panier a {
	color:#D9910B !important;
}

.panierV a {
	color:#314A59 !important;
}


.input-qte {
	width:40px !important;
	text-align:center;
	padding:0 !important;
	display: inline-block !important;
}

.tableInterne {
	margin:0;
}

#table_articles td {
	padding:0 !important;
	vertical-align:middle !important;
}

.btnAjouter {
	background-color:#7297A6;
	color:#FFF;
	padding:5px;
	margin-left:5px;
	border-radius:3px;
	font-size:12px;
}

.btnAjouter:hover {
	color:#000 !important;
}

.fancybox-close {
	border:none;
}



#table_articles > tbody > tr > td:nth-child(1) {
	width:10%;
	text-align:left;
}

#table_articles > tbody > tr > td:nth-child(2) {
	width:30%;
	text-align:left;
}

#table_articles > tbody > tr > td:nth-child(3) {
	width:60%;
}

.tableCroisee td {
	text-align: center !important;
}


.tableInterne1 {
	width:104px !important;
	text-align:center !important;
}
.tableInterne2 {
	width:auto !important;
	text-align:left !important;
}
.tableInterne3 {
	width:20px !important;
	text-align:center !important;
}
.tableInterne4 {
	width:100px !important;
	text-align:center !important;
}
.tableInterne5 {
	width:100px !important;
	text-align:center !important;
}
.tableInterne6 {
	width:100px !important;
	text-align:right !important;
}


.table_panier td {
	padding: 2px !important;
	font-size:13px;
	vertical-align:middle;
}

.input-qte {
	width:40px !important;
	height:14px;
	font-size:13px;
	text-align:center;
}

.datepicker {
	width:70px !important;
	height:14px;
	font-size:13px;
	text-align:center;
	padding:0px !important;
}


.table_panier td:nth-child(1) {
	min-width:300px;
}


.divFranco {
	position:relative;
	line-height:1em; 
	text-align:left;
	padding-top:10px; 
	padding-right:20px;
	font-size:12px;
}

.divFrancoV {
	position:relative;
	line-height:1em; 
	text-align:left;
	padding-top:10px; 
	padding-right:20px;
	font-size:12px;
}


div.compteur{
 float:left;
 display:inline;
 position:relative;
 width:200px;
 height:200px;
 margin-right:5px;
}
 
div.compteur input{
 position:absolute;
 top:65px;
 left:50px;
 font-size:60px;
 text-align:center;
 width:100px;
 border:none;
 background:none;
 outline:none;
 line-height:1em;
}
 
div.compteur canvas{
 position:absolute;
 top:0;
 left:0px;
 right:0px;
 bottom:0px;
}



.tooltip {
    display: none;
    background: transparent url(http://b2b.hove.fr/img/dispobis.png);
    font-size: 10px;
    height: 100px;
    width: 160px;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 20px;
    padding-right: 25px;
    color: #eee;
}

.ui-effects-transfer { border: 2px dotted #666; z-index: 90000 !important ;}
	
.ui-dialog { z-index: 90000 !important ;}
	


.ui-tooltip, .arrow:after {
    background: black;
    border: 2px solid white;
	z-index: 90000 !important ;
  }
  .ui-tooltip {
    padding: 10px 20px;
    color: white;
    border-radius: 20px;
    font: "Helvetica Neue", Sans-Serif;
	font-size: 12px !important;
    box-shadow: 0 0 7px black;
	z-index: 90000 !important ;
  }
  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left {
    left: 20%;
  }
  .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }

.categActive {
	background-color:#CCC !important;
    color:#F00 !important;
}
.categActive2 {
	background-color:#DDD !important;
    color:#F00 !important;
}

.categButton {
	margin-right:3px;
	margin-top:3px;
    letter-spacing: 0em !important;
    padding: 0 1em !important;
}
.premCateg {
    border: thin solid #000; 
    font-weight: bold;
    font-size: 0.5em !important;
}

.sousCateg {
	background-color:#EEE;
	font-style:italic;
	color: #777;
	/* height: 3em; */
}

.BTNplusmoins { 
	margin-right:3px;
	cursor:pointer;
}

.btnPanier {
	border: none !important; 
	position:relative;
	top: 10px; 
}

.zoneRecherche {
}

.buttonRecherche {
}

.trRecap td {
	vertical-align:top;
}

.field_error {
    border: 2px solid #a50021;
}
.label_error {
    color: #a50021;
    font-weight: bold;
}
.error_formular{
    color: #a50021;
    font-weight: bold;
}

#tableDrop2 {
	width:600px;
}

#tableDrop2 td { 
	height:25px;
	font-size: 0.8em;
	padding-top:3px;
	padding-bottom:3px;
}

#tableDrop2 td input{ 
	height:25px;
}

#menu h3 {
	padding-top:15px;
	padding-bottom:0px;
	margin-bottom:0;	
}

.messageAide {
	cursor: help;
}

.black { color:#000; }


.promo
{
background-image: url('/images/promo.gif') !important;
background-position: bottom 0px left 0px !important;	
background-repeat: no-repeat !important;	
}