/************************************************************************************/
/*gestion du table sorter pour gerer l'ordre*/
/************************************************************************************/
table.tablesorter {
	border-collapse: separate;
    border-spacing: 0px 10px;
	margin:10px 0pt 15px;
	font-size:12px;
	text-align: left;
	width: 100%;
    
}
table.tablesorter thead {
	border-collapse: collapse; background-color:#003033
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #003033;
	color:#FCFCFC;
	font-size: 14px; 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: #F73A00;
}

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

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

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

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

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

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

table.tablesorter  .ref_compta {
	vertical-align:middle;
text-align:center
}

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

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

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

table.tablesorter  .prix_client {
	font-size:12px; 
	padding-right:5px; text-align:center
}



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

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

.img_site_redirect_produit {
	width:100px; 
}

/* table.tablesorter  .qte {
	text-align:center; margin-top: 26px !important;
  float: left;margin-left:14px
} */

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

table.tablesorter  .lien {
	cursor:pointer;
}




/************************************************************************************/
/************************************************************************************/
/*pagination*/
/************************************************************************************/
.supprimer_saisie{
clear:both;padding-top: 20px;

}
.supprimer_saisie a{
	cursor:pointer;
	font-weight:bold;
	padding-right:15px;
}

.ajouter_produit_panier{
	height:25px;
	color:#fff;
	text-align:right;
	padding-bottom:10px;
	padding-top:10px;
	
}

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

.pagination2{margin:5px 0;}
.pagination2 nav{backgroubd-color:#fff;}
.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: 10px 17px; font-weight: 700; font-size:16px;margin-right: 5px;}

.pagination2 ul>li>a:focus,.pagination2 ul>.active>a,.pagination2 ul>.active>span{background-color:#00BECC;color:#fff;}
.pagination2 ul>li:not(.pg.active)>a:hover{background-color:#FAF3E9;color:#050505;}
.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: 10px 17px; font-weight: 700; font-size:16px}
.pagination2 ul>li:last-child>a,.pagination2 ul>li:last-child>span{border-radius:8px;padding: 10px 17px;}
.pagination2-centered{text-align:center;}
.pagination2-right{text-align:right;}

.paginationbas{clear:both;min-height:35px;margin:10px 10px 20px 3px;overflow:hidden;padding:0;}
.paginationbas .pagination_line1{background-color:#fff;clear:both;font-size:12px;height:29px;margin:0px;padding:5px;}
.paginationbas .pagination_line2{clear:both;overflow:hidden;text-align:right;}
.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:#00BECC;}
.paginationbas select{height:18px;}
.paginationbas select option{;padding:3px 0px 3px 6px;}
.paginationbas .label-trier{font-size:13px;font-weight:bold;overflow:hidden;line-height:16px;float:left;margin-right:4px;margin-top:7px;}
.paginationbas .label-choix{font-size:12px;font-weight:bold;overflow:hidden;line-height:16px;float:left;}
.paginationbas .right{float:right;margin-left:10px;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 #EA9E65;
padding-left:5px;
padding-right:5px;
color:#fff;
background-color:#EA9E65;
}
 
.scrollup:hover {
color: white;
}


.menu{ width:780px; height:auto; margin:5px 0 25px 0px }
/*.commande{float:left; width:195px; height:110px;  margin-right:95px}*/
.aide{float:left; width:195px; height:110px;}
.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 10px;border-bottom: 2px solid #EA9E65; }

.texte-intro{ font-size:16px; ; margin-top:20px}
.titre-marques{font-size:22px; ; 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:10px; 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;  ; }
#macommande2BtoB table td{ vertical-align:top; padding:5px; ;}
#macommande2BtoB .adresse {border:solid 1px #dfdfdf;padding:5px; }
#macommande2BtoB .titre { background-color:#f4f4f4; font-weight:bold;  font-size:12px; }
#macommande2BtoB .bordure { border:0px solid #aaa; }
#macommande2BtoB .ligne { padding-left:10px; background-color: #f4f4f4; border-top:solid 1px #dfdfdf; }
#macommande2BtoB .ligne2 { padding-left:10px; 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:#EA9E65; padding:7px 10px; margin-left:610px; margin-top:30px; margin-bottom:30px; text-transform:uppercase; display:block; float:left; border-radius:5px }
#macommande2BtoB span a:hover{ color:#fff; background-color:#EA9E65; text-decoration:none; }
#macommande2BtoB .facturation{}
#macommande2BtoB .facturation a{ color:#F00; padding:10px; 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:10px 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:#EA9E65;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:#EA9E65}

.b2b_odd {
	background:#FAF3E9;
}
.b2b_even {
	background:#ffffff;
}

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

.col-produit {
	width: 40%;
}
.col-prix-unitaire span{
	display: inline-block;
}
.col-reference{
	display: flex;
    height: 27px;
    align-items: center;
    justify-content: center;
}
@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 {
		background:#FFF;padding: 5px 10px;
	}
	.b2b_even {
		background:#FAF3E9;padding: 5px 10px;
	}
	.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;
	}
}

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

.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;
}