/************************************************************************************/
/*gestion du table sorter pour gerer l'ordre*/
/************************************************************************************/
table.tablesorter {
	border-collapse: separate;
    border-spacing: 0px 12px;
	margin:0px 0px 15px;
	font-size: 12px;
	text-align: left;
	width: 100%;
    
}
table.tablesorter thead {
	border-collapse: collapse; background-color:#0E203F;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #0E203F;
	color:#FCFCFC;
	font-size: 16px; font-weight:700;
	padding: 4px;
}
table.tablesorter thead tr .tablesorter-header {
	background-image: url(/images/b2b/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	vertical-align: top;
}

table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .tablesorter-headerAsc {
	background-image: url(/images/b2b/asc.gif);
}

table.tablesorter thead tr .tablesorter-headerDesc {
	background-image: url(/images/b2b/desc.gif);
}

table.tablesorter thead tr .tablesorter-headerAsc, table.tablesorter thead tr .tablesorter-headerDesc {
	background-color: #4159bf;
}

table.tablesorter  .image{
	background-color:#fff;
	text-align:center;
	vertical-align:middle;
}

table.tablesorter  .titre_produit h4{
	color:#7591ff;
	font-size:12px;
}

table.tablesorter  .marque_produit {
	font-size:12px;
}

table.tablesorter  .categorie_produit {
	font-size:12px;
}

table.tablesorter  .nbpiece_produit {
	font-size:12px;
	color:#666666;
}

table.tablesorter  .taille_produit {
	font-size:12px;
	color:#666666;
}

table.tablesorter  .ref_compta {
	vertical-align:middle;
	color:#666666;
}

table.tablesorter  .nb_piece {
	text-align:center;
	vertical-align:middle;
	color:#666666;
}

table.tablesorter  .prix {
	text-align:right;
	vertical-align:middle;
	color:#666666;
}

table.tablesorter  .sanspromo {
	color:#999; 
	text-decoration:line-through;
}

table.tablesorter  .prix_client {
	font-size:12px; 
	color:#000000; 
	font-weight:400;
}



table.tablesorter  .promo {
	color:#999; 
}

table.tablesorter .img_site_redirect {
	width:60px; 
}

.img_site_redirect_produit {
	width:100px; 
}

table.tablesorter  .qte {
	text-align:center; 
}

table.tablesorter  .nbqte {
	width:22px;
	text-align:right;
}

table.tablesorter  .lien {
	cursor:pointer;
}




/************************************************************************************/
/************************************************************************************/
/*pagination*/
/************************************************************************************/
.supprimer_saisie{
	clear:both;
	
	text-align:right;
	
	padding-top: 20px;
}
.supprimer_saisie a{
	cursor:pointer;
	font-weight:bold;
	padding-right:15px;
}

.ajouter_produit_panier{
	width:770px;
	height:25px;
	color:#fff;
	text-align:right;
	padding-bottom:12px;
	padding-top:12px;
	padding-left:112px;
}

.ajouter_produit_panier button{
	background:none; 
	text-align:left; 
	border:0; 
	padding:0; 
	cursor:pointer;
	float:right;
	width:228px; 
	margin:0 12px 0 0px;
}

.pagination2{margin:5px 0;}
.pagination2 ul{background-color:#fff;border-radius:8px;display:inline;display:inline-block;margin-bottom:0;margin-left:0;moz-border-radius:4px;zoom:1; font-size:13px}
.pagination2 ul>li{display:inline;}
.pagination2 ul>li>a,.pagination2 ul>li>span{background-color:#fff;float:left;text-decoration:none;border-radius: 8px;padding: 12px 17px; font-weight: 700; font-size:16px}
.pagination2 ul>li>a:hover,.pagination2 ul>li>a:focus,.pagination2 ul>.active>a,.pagination2 ul>.active>span{background-color:#7591FF;color:#fff;}


.pagination2 ul>.active>a,.pagination2 ul>.active>span{color:#fff;cursor:default;}
.pagination2 ul>.disabled>span,.pagination2 ul>.disabled>a,.pagination2 ul>.disabled>a:hover,.pagination2 ul>.disabled>a:focus{background-color:transparent;color:#999;cursor:default;}
.pagination2 ul>li:first-child>a,.pagination2 ul>li:first-child>span{border-radius:8px;padding: 12px 17px; font-weight: 700; font-size:16px }
.pagination2 ul>li:last-child>a,.pagination2 ul>li:last-child>span{border-radius:8px;padding: 12px 17px; }
.pagination2-centered{text-align:center;}
.pagination2-right{text-align:right;}

.paginationbas .pagination_line1{background-color:#fff;clear:both;color:#333333;font-size:12px;height:29px;margin:0px;padding:5px;}
.pagination_line1 a.pg{font-size:16px;margin-left:2px;margin-right:2px;line-height:30px;font-weight:bold;color:#999;}
.paginationbas a.pagination_a{display:block;width:150px;line-height:30px;font-weight:600;}
.paginationbas div.pagination_pg{display:block;float:left;width:440px;text-align:center;}
.pagination_line1 a.selected{color:#fa5800;}
.paginationbas select{height:18px;}
.paginationbas select option{color:#333333;padding:3px 0px 3px 6px;}
.paginationbas .label-trier{font-size:13px;font-weight:bold;overflow:hidden;line-height:16px;float:left;}
.paginationbas .label-choix{font-size:12px;font-weight:bold;overflow:hidden;line-height:16px;float:left;}
.paginationbas .right{float:right;margin-left:12px;margin-right:5px;}
.paginationbas a.bouton{background-repeat:no-repeat;width:100px;display:block;border:solid 1px #cccccc;padding:6px;margin:0px;font-weight:bold;}
/************************************************************************************/
/************************************************************************************/
/*affichage de l'image plus grande au survol de l'image*/
/************************************************************************************/
.thumbnail-item { 
	position: relative; 
	float: left;
}

.thumbnail-item a { 
	display: block; 
}

.thumbnail-item img.thumbnail {border:0px;height:auto; max-width:115px;background-color: white;}


		
.tooltip { 
	/* by default, hide it */
	display: none; 
	/* allow us to move the tooltip */
	position: absolute; 
	/* align the image properly */
}

.tooltip span.overlay { 
	/* the png image, need ie6 hack though */
	border:2px solid #666666; 
	/* put this overlay on the top of the tooltip image */
	position: absolute; 
	top: 0px; 
	left: 0px; 
	display: block; 
	 width:200px; 
	 height:200px; 
}

.tooltip  img{ 
	width:200px; 
	height:200px;
}
/************************************************************************************/
/************************************************************************************/
/*enroule et deroule le menu filtre de gauche*/
/************************************************************************************/
.deroule{
    display : block;
    background: url(/images/b2b/asc_nr.gif) no-repeat right 8px;
}
.enroule {
    background: url(/images/b2b/desc_nr.gif) no-repeat right 8px;
}
/************************************************************************************/
/************************************************************************************/
/*logo du site*/
/************************************************************************************/
#HeaderContent .logo{ 
 left: 9px; position: absolute; top:3px;z-index: 50;}
/************************************************************************************/
/************************************************************************************/
/*gestion des champs spécifiques des formulaires*/
/************************************************************************************/
#main_espaceclient input[type="tel"] {
    border: 1px solid #dedede;
    border-radius: 0.31em;
    box-shadow: 1px 1px 0.01em #efefef;
    padding: 5px;
}
#main_espaceclient input[type="email"] {
    border: 1px solid #dedede;
    border-radius: 0.31em;
    box-shadow: 1px 1px 0.01em #efefef;
    padding: 5px;
}

#main_espaceclient textarea{
    border: 1px solid #dedede;
    border-radius: 0.31em;
    box-shadow: 1px 1px 0.01em #efefef;
    padding: 5px;
}

#main_espaceclient textarea.fielderror{  
	border:1px solid red !important 
}

div.zoomdiv {
	z-index: 100;
	position: absolute;
	top:0px;
	left:0px;
	width: 200px;
	height: 200px;
	background: #ffffff;
	border:1px solid #CCCCCC;
	display:none;
	text-align: center; 
	overflow: hidden;
}


img.jqzoom{
	cursor:crosshair;
	position:relative;
}

.tablesorter-infoOnly {
	display:none;
}

.tablesorter-infoOnly  td{
	text-align:center;
}


.scrollup {
position: fixed;
bottom: 50px;
right: 0px;
display: none;
line-height: 37px;
border:1px solid #7591ff;
padding-left:5px;
padding-right:5px;
color:#fff;
background-color:#7591ff;
}
 
.scrollup:hover {
color: white;
}


.menu{ width:780px; height:auto; margin:5px 0 25px 0px }
/*.commande{float:left; width:195px; height:112px;  margin-right:95px}*/
.aide{float:left; width:195px; height:112px;}
.bloc-acc {float:left; width:370px; height:160px;}
.txt-acc{}
.tiret{background-color: #E2E2E2;float: left;height: 1px; margin: 6px 0 12px;width:360px;}
.bloc-service{height:135px; padding:5px 0 5px 12px;border-bottom: 2px solid #4159bf;}

.texte-intro{ font-size:16px; color:#333333; margin-top:20px}
.titre-marques{font-size:22px; color:#333333; margin-bottom:15px}
.logo-marques{  width:700px; float:left; margin-bottom:30px}
.logos{ float:left;margin:2px; height:96px; width:180px;}



#etape4_paiementsBtoB{width:741px; position:relative; overflow:hidden; margin:0px 0 40px 126px; padding-top:26px}

.cube_coordonnees2B2B{ float: left; border: solid 1px #ccc; padding:12px; width:700px; border-radius:5px; margin-bottom:20px; min-height:82px }
.cube_coordonnees2B2B p{  margin-top:20px;}
.cube_coordonnees2B2B p .type{ font-weight: bold; color:#306; font-size:12px; margin-bottom:20px; }
.cube_coordonnees2B2B p a{ font-weight: bold; color:#306;  margin-top:20px; }
.cube_coordonnees2B2B p a:hover{color:#F60;}


#preview{
	position:absolute;
	border:2px solid #666666; 
	padding:5px;
	display:none;
	color:#fff;
	background:#fff;
	z-index:1000;
	width:400px;
	height:400px;
	box-shadow: 4px 4px 3px rgba(103, 115, 130, 1);
}


#macommande2BtoB {margin-bottom: 0; width: 690px; border:1px solid #ccc;border-radius:15px; padding-top:15px; padding-bottom:15px }
#macommande2BtoB table{ width:690px;  color:#333333; }
#macommande2BtoB table td{ vertical-align:top; padding:5px; color:#333333;}
#macommande2BtoB .adresse {border:solid 1px #dfdfdf;padding:5px; }
#macommande2BtoB .titre { background-color:#f4f4f4; font-weight:bold; color:#666666; font-size:12px; }
#macommande2BtoB .bordure { border:0px solid #aaa; }
#macommande2BtoB .ligne { padding-left:12px; background-color: #f4f4f4; border-top:solid 1px #dfdfdf; }
#macommande2BtoB .ligne2 { padding-left:12px; background-color: #ff8800; border-top:solid 1px #dfdfdf; }
#macommande2BtoB .gras { font-weight:bold; }
#macommande2BtoB .suivante { border-bottom:solid 1px #ffffff;  }
#macommande2BtoB span a{ color:#fff; background-color:#7591ff; padding:7px 12px; margin-left:612px; margin-top:30px; margin-bottom:30px; text-transform:uppercase; display:block; float:left; border-radius:5px }
#macommande2BtoB span a:hover{ color:#fff; background-color:#7591ff; text-decoration:none; }
#macommande2BtoB .facturation{}
#macommande2BtoB .facturation a{ color:#F00; padding:12px; font-size:12px; font-weight:bold; width:300px; margin-left:6px; border:0px;}
#macommande2BtoB .facturation a img{  border:0px;}
#macommande2BtoB .facturation a:hover{ text-decoration:underline; }


.lang_switcher{float:right;overflow:hidden;}


div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

.fielderror { border: solid 1px #ff0000; }
.question { margin:12px 0 30px 0 ; color:#666666}

#ticket_cat_wrapper span.it { clear:left; display:block; margin-left:48px; }
#ticket_cat_wrapper span.selected { font-weight:600;  color:#ee6c03; }
#ticket_cat_wrapper span.it:hover { color:#ee6c03; cursor:pointer; }
#ticket_cat_wrapper span.titre { clear:left; display:block; padding-top:8px; margin-top:6px; padding-bottom:8px; background-color:#eee; border-radius:6px; padding-left:16px; margin-left:0px; }
.couleur-r{ background-color:#4159bf;height: 28px; margin: 0 7px 7px 0}
.buttonok-r {color: #FFFFFF;  display: block; font-size: 14px; padding: 5px 15px 0 0; text-align: center; text-decoration: none; font-weight:normal}
#panier tbody td .designation{ display:block; margin:0; color:#333; margin-right:5px}
#panier tbody td .designation span{ font-size:12px !important}
#panier tbody td .designation:hover{ color:#7591ff}
.b2b_odd {
	background:#FCFCFC;
}
.b2b_even {
	background:#E8ECFF;
}

.b2b_odd:hover,
.b2b_even:hover {
    background: #C4D7FF;
    transition: background 0.5s ease;
}

.col-prix-unitaire span{
	display: inline-block;
}
.col-reference{
	display: flex;
    height: 27px;
    align-items: center;
}
.th-pieces, .th-stock {
	padding: 4px 20px !important;
}
@media (min-width:0px) and (max-width:500px){

	.thumbnail-item img.thumbnail {border:0px;height:auto; width:100%!important;padding: 4px 0;}
	
	}


@media (min-width:0px) and (max-width:765px){
	table.tablesorter thead tr .tablesorter-header {
		background-image: none;
	}
	.col-produit{
		width: auto;
	}
	.b2b_odd {
		padding: 5px 12px;
	}
	.b2b_even {
		padding: 5px 12px;
	}
	.col-prix-unitaire span:last-child{
		display: none;
	}
	.col-reference{
		display: none;
	}
	.content-produits {
		flex-direction: column;
	}
	.thumbnail-item img.thumbnail {
		padding: 4px;
	}
	.content-text-produits {
		padding-left: 4px;
	}
	.th-pieces, .th-stock {
		padding:0px;
	}
	table.tablesorter .prix {
		width: 14%;
	}
}

#panier tbody td .nom-produit span {
	font-size: 12px !important;
}

.picture-mobile {
	margin-top: 15px;
}

.picture-mobile .photo {
    display: flex;
}

.prev-btn, .next-btn {
  width: 24px;
}

.picture-mobile .photo .current-image {
    display: inline-block;
    width: 85%;
}

.picture-mobile .photo .next-image {
    display: none;
}