/*
 * INIT
 */

 @font-face {
    font-family: 'helvetica_neueregular';
    src: url('../fonts/helveticaneue-thin-webfont.eot');
    src: url('../fonts/helveticaneue-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneue-thin-webfont.woff2') format('woff2'),
         url('../fonts/helveticaneue-thin-webfont.woff') format('woff'),
         url('../fonts/helveticaneue-thin-webfont.ttf') format('truetype'),
         url('../fonts/helveticaneue-thin-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
 
 
* :focus{
	outline: none;
} 

html{
	width:100%;
	height:100%;
}
 
body{
	width:100%;
	height:100%;
	position: relative;
	background:#000 !important;
	padding:0;
	font-family: 'Conv_AvenirLTStd-Light';
	color:#fff;
	top:-16px !important;
}
img{border:0;}

input,
button,
a{
	text-decoration:none;
	font-family: 'Conv_AvenirLTStd-Light';
}

.center{
	margin:0 auto !important;
	display:block !important
}
.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {
	background-color:#000;
}
/*
 * TOOLS
 */
.wrapper{
	margin:0 auto;
	width:100%;
	max-width:1000px;
	display:block;
	position:relative;
}
.societe-com{
	color:#fff;
	text-decoration:underline;
}
.clear{
	clear:both;
	height:1px;
}
.centpourcent{
	width:100%;
}
.box{
	/*background:#f7f7f7;*/
	border:1px solid #ccc;
}
	.box .content-box{
		margin:4px 7px;
		font-size:12px;
	}
		.box .content-box span.title{
			display:block;
			font-size:15px;
			margin-bottom:5px;
			font-weight:bold;
		}
.field{
	background:#fff;
	color:#000;
	padding:0;
	margin:0;
	height:30px;
	font-size:17px;
	width:100%;
	border:1px solid #fff;
}
.field2{
	background:#fff;
	color:#000;
	padding:0;
	margin:0;
	height:30px;
	font-size:17px;
	text-align:center;
	border:1px solid #fff;
}

/*
.button{
	background:#ddd;
	border:#ccc 1px solid;
	margin:0;
	line-height:30px;
	height:30px;
	font-size:17px;
	color:#333;
}
*/
.empty {padding:100px 0;text-align:center;font-size:22px;color:#aaa;}


#error,
#information{
	position:absolute;
	display:inline-block;
	background:rgba(255,255,255,1);
	text-transform:uppercase;
	font-weight:bold;
	top:10px;
	color:#000;
	text-align:center;
	width:100%;
	transition:all .3s ease;
	padding: 20px 0;
	z-index:10;
	height:16px;
}




/**
* PAGINATION
*/

.pagination{
	text-align:center;
	/*padding: 0 20px;*/
	font-size:12px;
	color:#ccc;
}
.pagination2{
	text-align:right;
	padding: 0 5px;
	font-size:12px;
	color:#ccc;
}
	.pagination ul {
		display:inline-block;
		text-decoration:none;
		padding: 0 10px;
	}
		.pagination ul li{
			display:inline-block;
			background:#000;
			border-radius:15px;
		}

			.pagination  ul li a {
				display:block;
				width:15px;
				height:15px;
				padding:5px;
				font-size:12px;
				color:#fff;
				text-decoration:none;
				transition:all .3s ease;
			}
			.pagination  ul li a.actif {
				color:#ccc
			}
		.pagination ul li.selected,
		.pagination ul li:hover{
			background:#eee;
		}
		.pagination ul li.selected a,
		.pagination ul li a:hover{
			color:#000;
		}
		.less-greater-sign{
			color:#fff;
			font-size:1.5em;
			display: inline-block;
			vertical-align: middle;
			margin:0 5px;
		}


/**
* PAGINATION
*/


.divpage{
	width:770px;
	height:auto;
	overflow:hidden;
}
	
.contCatalogue{}
	.contCatalogue .product{
		display:inline-block;
		width:184.797px;
		vertical-align: top;
		height:auto;
		min-height: 200px;
		position:relative;
		margin:3px;
		background:#fff;
		border-radius:5px;
	}
		.contCatalogue .divpage .product a.photo{
			display:block;
		}
		.contCatalogue .divpage .product .photo img{
			/*width:70%;*/
			width:129px;
			height:129px;
			margin: 1px auto 0px auto;
			display:block;
		}
		.contCatalogue .divpage .product .contenu{
			position:relative;
			bottom:5px;
			background:rgba(255,255,255,.7);
			text-align:center;
			width: 100%;
			padding:5px 0;

		}
		.contCatalogue .divpage .product .contenu a{
			display:block;
			font-size:12px;
			color:#555;
			text-decoration:none;
		}
		.contCatalogue .divpage .product .contenu .designation{

		}
		.contCatalogue .divpage .product .contenu .barcode{

		}
		.contCatalogue .divpage .product .contenu .prix{
			color:#777;
		}
		.contCatalogue .divpage .product .contenu .remise{
			text-align:right;
			color:#777;
			position:absolute;
			top:183px;
			right:10px;
			font-size:12px;
			width:60px;
		}


/*
 * SITE STRUCTURE
 */


	#header{position:relative;}

		#header-gauche {position:absolute;left:0px;top:10px;height:80px;}
			#marque{display:block;font-size:35px;line-height:35px;margin-left:10px}
			#tagline{display:block;font-size:12px;line-height:20px;margin-left:10px}

		#moncompte{width:170px;height:80px;position:absolute;right:0;top:9px;}
		#maselection{width:170px;height:80px;position:absolute;right:180px;top:9px;}
		#moncompte a, #maselection a{color:#777;margin-top:5px;display:block;}

	#navigation{background:url(../img/bg-menu.gif) repeat-x;color:#fff;height:49px;}
		#menu{height:40px;}
			#menu select{float:right;margin-top:10px;;margin-right:15px;}
			#menu ul{padding:0;margin:0}
				#menu li {list-style:none;padding:0;margin:0;float:left;}
					#menu li a {padding:0 10px;line-height:40px;color:#fff;text-decoration:none;display:block;font-size: 14px;}
					#menu li a:hover {color:#555;background:#ccc;}
					#menu li a.active {color:#555;background:#dedede;}

	#cms-header-wrapper{background:#fff;}

	#menucatalogue{background:#eee;padding:0 0 5px 0;border:1px solid #ccc;}
		#menucatalogue div.title{display:block;font-size:12px;color:#777;clear:both;margin:0 5px; padding-top:5px;}
		#menucatalogue a{display:block;float:left;margin:0 0 5px 5px; padding:0 10px;line-height:20px;font-size:12px;background:#dedede;color:#555;text-decoration:none;border:1px solid #bbb;}
		#menucatalogue a.actif{background:#555;color:#dedede;}

	#container{background-color:#fff;}

/*
* catalogue start
*/	
	
		
	#left{
		width:180px;
	/*	background:#222;*/

		display:inline-block;
		vertical-align:top;
		margin-top:5px;
	}
	#right{
		width:770px;
		min-height:400px;
		display:inline-block;
		vertical-align:top;
		margin-top:5px;
		/*position:relative*/
	}
	
/*
* catalogue end
*/	


	#cms-footer-wrapper{
		/*background:#fff;*/
	}

	#footer{
		height:auto;
		background:#555;
		color:#fff;
	}
	#copyright{line-height:25px;height:25px;font-size:11px;color:#ccc;text-align:center;}



/*
 * ACCUEIL
 */
#accueil{
	text-align:center;
	}
	#accueil ul{margin:0 auto;padding:0;display:block;height:350px;}
		#accueil li{float:left;margin:100px 5px 0;padding:0;list-style:none;}
			#accueil li a{display:block;width:150px;line-height:20px;padding-top:130px;background:#f00;text-decoration:none;color:#555;display:none;font-size:12px;}
			#accueil li.catalogue a{background:no-repeat url(../img/accueil/catalogue.png) 11px 0;display:block;}
			#accueil li.selection a{background:no-repeat url(../img/accueil/selection.png) 11px 0;display:block;}
			#accueil li.documents a{background:no-repeat url(../img/accueil/documents.png) 11px 0;display:block;}
			#accueil li.commandes a{background:no-repeat url(../img/accueil/commandes.png) 11px 0;display:block;}
			#accueil li.client a{background:no-repeat url(../img/accueil/client.png) 11px 0;display:block;}
			#accueil li.contact a{background:no-repeat url(../img/accueil/contact.png) 11px 0;display:block;}
			#accueil li.login a{background:no-repeat url(../img/accueil/login.png) 11px 0;display:block;}
			#accueil li.client_creation a{}




/*
 * LOGIN
 */
#login{

	background:url(/photos/background.jpg)no-repeat top;
	background-size: cover;
	width:100%;
	height: calc( 100% - 173px);
}
	#login-content{
		padding:50px 0 ;
		margin:0 auto;
		text-align: center;
	}
		#login-content label{width:90px;display:block;text-align:right;font-size:12px}
		#login-content .field{
			width: 270px;
			padding: 10px;
			margin: 5px;
		}
		#login-content .button{display:block; margin: 10px 0 0 auto;}
		
		#login-content form{
			display:inline-block;
			vertical-align:middle;
			width:25%;
		}
		#login-content .contLogo{
			display:inline-block;
			vertical-align:middle;
			width: 175px;
		}
		#login-content img{
			width:100%;
			height:auto;
		}
		
		#login-content th{
			position:relative;
		}
		#login-content th input[type="text"],
		#login-content th input[type="password"]{
			border:1px solid #fff;
			border-radius:5px;
			background:transparent;
			color:#fff;
		}
		#login-content .cms-login{
			color:#fff;
			text-transform:uppercase;
			font-size:2em;
			font-family: 'Conv_AvenirLTStd-Light';
			margin-top:50px;
		}

		.buttonLogin{
			background: transparent !important;
			border: none !important;
			box-shadow:0 0 0 transparent !important;
			margin: 0;
			width: 60px;
			height: 115px;
			font-size: 17px;
			color: #333;
			cursor:pointer;
			z-index:2;
			position:absolute;
			top:0;
			padding:0 !important;
		}
		i.buttonLoginArrow{
			font-size: 8em;
			color:rgba(255,255,255,1);
			vertical-align: middle;
			margin-left: 14px;
			z-index:1;
			position:absolute;
			top:-12px;
		}
		
#login-content a{
  display: inline-block;
  /*width: 200px;*/
  color: #fff;
  border-bottom:1px solid #fff;
}
    

/*
 * CATALOGUE
 */
.catalogue_title{
	font-size:25px;
	color:#555;
}
#catalogue{
	/*padding-bottom:20px;*/
}
#filtres{
	border-radius:5px;
	background:#222;
	color:#eee;
	padding: 0 0 20px 0;
	margin-top:5px;
	max-height: 320px;
    overflow: auto;
}
	#filtres .title{
		text-align: left;
		color: #eee;
		text-transform: uppercase;
		font-size: .9em;
		padding: 5px 5px 20px 5px;	
	}
	#filtres .title i {
		font-size: 1.5em;
		padding: 0 0 0 .3em;
		display: inline-block;
		vertical-align: middle;
	}
	#filtres .title span {
		padding: 0 0 0 5px;
		display: inline-block;
		vertical-align: middle;
		text-transform: capitalize;
	}
	#filtres .tabletFilter{
		  margin-left: 12px;
		  font-size:.8em;
	}
	#filtres .tabletFilter select{
		width:90%;
	}
	
	#filtres .tabletFilter h4{
		text-transform:uppercase;
		margin: 0 0 0 5px;
		font-size: 0.6em;
		font-weight:normal;
		text-decoration:underline;
	}
	#filtres .tabletFilter ul{
		list-style:none;
		margin:5px 0;
		padding:0;
	}
		#filtres .tabletFilter ul li{
			text-transform:lowercase;
			font-size: 0.8em;
			display:inline-block;
		}
			#filtres .tabletFilter ul li span{
				padding:0 3px;
				display:inline-block;
			}
			#filtres .tabletFilter ul li:last-child span{
				display:none;
			}
			#filtres .tabletFilter ul li a{
				font-size: 1em;
				padding: 3px 0 3px 5px;
				color:#eee;
				display:inline-block;
				font-weight:normal;
			}
/*#search{margin:10px 10px 0;font-size:12px;color:#555;}
	#search .field{width:125px;float:left;}
	#search .button{padding:0 3px;height:25px;line-height:26px;background:#555;color:#eee;border:none;font-size:12px;float:right;margin-top:1px;}
*/


/*
 * PRODUIT
 */
 
#photos-vignettes2{
	display: inline-block;
	width: 55px;
	background-color: white;
	vertical-align:top;
}
#photos-vignettes{
	text-align:center;
	height:55px;
}
/* #product_photos {margin-top:15px;width:320px;float:left;text-align:center;} */


#product_photos {
	background:#fff;
	vertical-align:top;
	position:relative;
}

/*PICTOS MUST HAVE TOP etc..*/
	#product_photos ul#product_picto{
		z-index:100000;
		padding:0;
		position:absolute;
		margin-left:193px;
		list-style:none;
	}
		#product_photos ul#product_picto li{
			display:inline-block;
			position:relative;
			width:40px;
		}
			#product_photos ul#product_picto li img{
				position:relative;
				width:100%;
			}
/*PICTO COEUR */
	#product_photos #coeurpicto{
		z-index:8888;
		padding:0;
		position:absolute;
		margin-left:193px;
		bottom:5px;
		width:40px;
	}
		#product_photos #coeurpicto img{
			position:relative;
				width:100%;
		}

a.back_catalogue{
	display:inline-block;
	padding:10px;
	position:absolute;
	text-align:right;
	color:#fff;
	margin-bottom:2px;
}
	a.back_catalogue span{
		font-size:1em;
		border-bottom:1px solid transparent;
		transition:all .3s ease;
		padding-bottom: 10px;
		color:#fff !important;
	}
	a.back_catalogue span:hover{
		border-bottom:2px solid #fff;
	}
	a.back_catalogue i{
		font-size:.9em;
		margin-right:10px;
	}
			
			
			
			
			
	#product_photos img.photoBig {
		width:300px;
		height:300px;
		vertical-align:top;
	}
	#product_photos img.vignette {
		width:50px;
		height:50px;
		margin:2px 1px 10px;
	}
#product_detail{
	/*background:#eee; /* A SUPPRIMER */
	/*display:inline-block;*/
	vertical-align:top;
}
/* #product_description {margin-top:15px;width:433px;float:right;font-size:12px;position:relative;} */
#product_description {
	width:100%;
	padding:10px;
	display:inline-block;
	vertical-align:top;
	font-size:12px;
	position:relative;
	color:#fff;
	
}
	#product_description span{display:block;}
		#product_description span span.title{color:#999; margin-top: 10px;}
	#product_description .description_designation{font-size:20px;width:330px}
		#product_description .description_designation span.title{display:none;}
		#product_description .description_designation2 span.title{display:none;}
	#product_description .description_barcode{font-size:14px;color:#777;width:330px;display:inline;}
		#product_description .description_barcode span.title{display:inline;color:inherit;margin:0;}
	#product_description .description_conditionnement{font-size:14px;color:#777;width:330px;display:block;}
		#product_description .description_conditionnement span.title{display:inline;color:inherit;margin:0;}
	#product_description .description_descriptif{margin:10px 0;}
		#product_description .description_descriptif span.title{display:none;}
	#product_description .description_prix{position:absolute;right:0px; text-align:right;top:0;font-size:20px;width:120px;}

	#product_asso {}
	#product_asso span{ border-bottom:1px solid #fff; padding:5px 0;}
	#product_asso #cataloguepicto, #product_asso .iconeCoeur{ display:none !important;}
		#product_asso .product {margin:10px 10px 0 0;width:130px;height:140px;display:inline-block;}
		#product_asso .product .contenu {display:none}
		#product_asso .product img {width:120px;height:120px}

#product_add_to_cart {
	/*text-align:center;*/
	/*padding:20px;*/
	/*clear:both;*/
}
		table.grille-produits .quantite{
			width:50px;
			margin:5px 0;
		/*	text-align:center;*/
			color:#000;
			display:block;
			text-align: center;
		}
		table.grille-produits td{
		/*text-align:center;*/
		}

			table.grille-produits td img{vertical-align: middle;}
		table.grille-produits th{
			font-size:12px;
		/*	color:#555;*/
			font-weight:normal;
		/*	background:#fff;*/
		}
		table.grille-produits .couleur{
			text-align:center;
			  color: #fff;
			  display:block;
		}
		table.grille-produits .taille{
			/*background:#444;*/
			text-align:left;
			  color: #fff;
		}
		table.grille-produits .stock{font-size:11px;padding-bottom:3px;font-weight: bold;}
		table.grille-produits .stock .libelle{font-size:11px;color:#777;font-weight: normal;}
		table.grille-produits img.vignette{width:50px}

		.taille span{
		/*	width: 50px;*/
			height: 50px;
		/*	border: 1px solid #ccc;*/
			display: inline-block;
			line-height: 4;
			margin:5px;
		/*	color:#555;*/
		}
		

#product_add_to_cart table.liste-taille-couleurs{font-size:12px;}
	#product_add_to_cart table.liste-taille-couleurs td{text-align:left;padding:15px;}
	#product_add_to_cart table.liste-taille-couleurs .label{vertical-align:top;text-align:right;color:#777;line-height:14px;}

/*
 * SELECTION
 */
#selection{
	box-shadow: 1px 1px 12px #222;
}
	#selection .empty-cart{
	font-size:12px;
	position: relative;
	width:100%;
	margin:20px 0;
	text-align:center;
	}
	#selection .empty-cart a{
		text-align: center;
		display: inline-block;
		margin: 0 5px;
	}
	/*	#selection .empty-cart a{
			color:rgba(255,255,255,.5);
			display:inline-block;
			padding:12px 5px;
			border-right:1px solid #fff;
			background:rgba(0,0,0,.5);
			border-bottom:0;
			transition:all .3s ease;
		}
		#selection .empty-cart a:last-child{
			border-right:0px solid #fff;
		}
		#selection .empty-cart a:hover{
			color:rgba(255,255,255,1);

		}*/
	#selection .title{font-size:25px;color:#555;padding:15px 0 0 10px;}
	table.selection {
		width:100%;
		padding:0px 0 10px 0;
		margin:10px auto;
		border-collapse:inherit;
		
	}
		table.selection th {			
			padding: 15px 10px 0px 10px;
			border-bottom:1px solid rgba(255,255,255,.2);
		}
		table.selection tr{
			border-bottom:1px solid rgba(255,255,255,.2);
			  color: #fff;
		}
		table.selection tr.footer th {
			padding: 15px 10px;
		}
		table.selection td {
			/*padding-bottom:30px;*/
			position:relative;
		}
		table.grille-produits{
			width:100%;
			border-collapse: separate;
			border-spacing: 10px;
		}
			table.grille-produits tr{
		/*		background:#fff;*/
				border:none;
			/*	height:50px;*/
			}
			table.grille-produits th{
		/*		background:#fff;*/
				border:none;
				padding: 15px 0px;
			}
			
			table.grille-produits td{
				vertical-align:!center;
				font-size:.8em;

			}
			#selection table.grille-produits .quantite{
				display:block;
			/*	margin: 0 auto;*/	
				/*line-height: 50px;*/
				text-align:center;
			}
        
        #selection table.grille-produits .quantite.stockKO{color:red;}

		
		table.selection th.photo{padding:5px;}
			table.selection th.photo img {width:100px;height:100px;}
		table.selection th.barcode{
			text-align:left;
			/*padding:5px 10px;*/
		}
			table.selection th.barcode span{
				font-size:12px;
				font-weight:normal;
			}
		/*table.selection th.nb-produits{padding:5px 10px;}
		table.selection th.prix{text-align:right;padding:5px 10px;}
		table.selection th.remise{padding:5px 10px;}
		table.selection th.total{text-align:right;padding:5px 10px;}*/
		table.selection th.actions{
			/*padding:5px 10px;*/
			position:relative;
		}
			/*table.selection th.actions a{
				font-size:12px;
				text-decoration:none;
				font-weight:normal;
				text-align:center;
				margin:0 auto;
				display:block;
				width:100%;
				height:100%;
			}*/
			/*table.selection th.actions a.delete{
				display:block;
				width:60px;
				height:40px;
				margin:0 auto;
				overflow:hidden;
				padding:0;
				border:0;
				background:url(../img/delete.png) no-repeat;
				text-indent:3000em;
			}*/

	#quantit{
		display: inline-block;
		margin-right: 15px;
	}	
	#quantit input.quantite,
	#quantit span.pourcent{
		display:inline-block !important;
		text-align:center !important;
		/*width:inherit !important;*/
		margin-right:2px;
	}	
			
			
			
			
	#selection .cmdBtns{
		text-align:center;
		border-bottom-left-radius:5px;
		border-bottom-right-radius:5px;
		margin:0px 0;
	}
		#selection .cmdBtns .button{
			text-decoration:none;
			font-size:13px;
			margin:10px 10px;
		/*	padding:10px 20px;
			line-height:60px;*/
		}
		
	.showDetails{
		position:absolute;
		color:#777;
		top: -20px;
		right: 75px;
		cursor:pointer;
	}	


		
/*
DG    
*/
#selection .lien{
	display:block;
	color:#555;
	text-decoration:underline;
	font-size:12px;
	text-align: center;
	background-color: #eee;
	border-radius: 5px;
	padding: 10px 0px;
	text-decoration: none;
	margin:5px 0;
 }
#infoselection{
	padding:15px;
	margin:15px auto;
	border:1px solid #9ccbff;
	background:#cce4ff;
	color:#000;
	text-align: center;
}

/*
 * COMMANDES
 */
#commandes{padding: 20px}
	#commandes .title{/*font-size:25px;*/color:#fff;padding:0px 0 0 10px;  position: relative;}
	#commandes .lien{display:block;color:#fff;font-size:12px; padding:5px 3px; background:#333; }
	#commandes .active {color:#fff;background:#111; }

	#commande-content {border:1px solid #999;clear:both;padding:15px;}

	#commandes table{border-collapse:separate; border-spacing:3px;margin: 20px auto;}
		#commandes th {margin:0;padding:3px;background:#444;}
		#commandes td {margin:0;padding:0 3px;/*border:1px solid #999;*/font-size:12px;border-collapse: collapse;}
		#commandes a {font-size:12px;text-decoration:none;margin:2px 5px;}

		#commandes tr.pas-de-reliquat td{/*background:#e8f3ff;*/  height: 55px;}
		#commandes td.date, #commandes td.entete, #commandes td.quantite, #commandes td.echeance, #commandes td.actions, #commandes td.etat {text-align:center;}
		#commandes td.totalht, #commandes td.totalttc {text-align:right;}
		#commandes tr.pas-de-reliquat td.etat,
		#commandes th.etat,
		#commandes td.etat {
			background:transparent;
			border:none;
		}
		#commandes td.actions input{
			display: block;
			text-align: center;
			margin: 1px auto;
			width: 100%;
		}

	#affCmdSolBar {margin:10px;font-size:12px;}
		#affCmdSolBar input {height:auto;line-height:auto;}

	#commandes .detail-cmd table {margin:20px auto;width:auto;}
		#commandes .detail-cmd table td{padding:5px}

	.edit{
		display:inline-block;
		vertical-align:middle;
		width: 100%;
		margin: 5px 0px;
	}	
		
/*
 * COORDONNEES
 */
#client{}
	#client .title{font-size:25px;color:#fff;padding:15px 0 0 10px;}
	#client .adresse{margin:20px 230px;padding:30px;border:1px solid #aaa;}
	#client .adresse span{display:block;font-size:12px;}
	#client .adresse span.adrlivraison{float:right;}
	#client .adresse span.codepostal{float:left;margin-right:10px;}
	#client .adresse span.title,#client .adresse span.nom{margin:20px 0;padding:0;font-size:16px;color:#777;font-weight:normal;}
	#client .adresse span.nom{margin-top: 0;}


.marginT10{
	margin-top:5px;
}

/*
 * VALIDATION
 */
#validation{margin:0 150px; padding:50px 0}
	#validation table{ width:100%;
					 border-collapse: separate;
					 border-spacing: 3px;
					}
		#validation table .label{text-align:right;font-size:13px;vertical-align:top;line-height:26px;}
		#validation table .field{width:100%}
    
    #validation table .readonly{border-color: #77afff;background-color: #CCCCCC;width:100%}
    
		#validation table .qte{width:50px}
		#validation table textarea{height:150px}
		#validation table .btns{text-align:right}
			#validation table .btns a{color:#fff; text-decoration:underline;}
			#validation table .button{margin:20px 0 0 10px;font-size:12px;}
		#validation table #DateLivSouhaite {width:auto;}
		#validation table .mini-cal	img {margin-left:10px;vertical-align:-2px;}
		#DateLivSouhaite{width:auto;}
		#DateLivSouhaiteIco{vertical-align:-3px;padding-left:10px;}

		#validation table #DateLivPrevue {width:auto;}
		#DateLivPrevue{width:auto;}
		#DateLivPrevueIco{vertical-align:-3px;padding-left:10px;}


/*
 * COTATION
 */
#cotation{margin:0 150px; padding:50px 0}
	#cotation table{	width:100%;
					border-collapse: separate;
					border-spacing: 3px; }
		#cotation table .label{text-align:right;font-size:13px;vertical-align:top;line-height:26px;}
		#cotation table .field{width:100%}
		#cotation table textarea{height:150px}
		#cotation table .btns{text-align:right}
			#cotation table .button{margin:20px 0 0 10px;font-size:12px;}





/*
 * CONTACT
 */
#contact{
	margin:5px;
}
	#contact .titre{
		display:block;
	}
	#contact #cont-contact,
	#contact #cont-facture{
		display:inline-block;
		vertical-align:top;
		width: 49%;
	} 
	
		#contact table{
			background:#444;
			padding:10px;

		}
		#contact .titre{
			display:block;
		}
			#contact  #cont-contact .titre h1{
				font-size:3em;
				font-weight:normal;
				height: 60px;
			}
			#contact  #cont-facture table{
				margin-top: -45px;
			}
		#contact #cont-facture img{
			display:inline-block;
			vertical-align:middle;
			width: 25%;
			margin-left: -63px;
		}
		#contact #cont-facture .representantDos{
			display:inline-block;
			vertical-align:middle;
		}
		#contact #cont-facture .vendeur{
			display:block;
			height: 125px;
		}			
		#contact #cont-facture .cont-adresse{
		/*	background:#444;*/
		/*	padding: 0px 5px 0px 60px;*/
		}
		#contact #cont-facture .cont-adresse > .title{
			padding:0px 0px 0px 25px;
		}
		#contact #cont-contact .cont-contact{
			padding:15px 15px 15px 15px;
			background:#444;
		}	
		#contact #cont-facture  .adresse{
			padding:20px;	
			background:#444;
			margin:2px 0;
		}
		#contact #cont-facture  .adresse > .title{
			display:none;
		}
		#contact #cont-facture .cont-adresse >.title{
			font-size:1.2em;
			background:#ccc;
			color:#222;
		}
		#contact #cont-facture .cont-adresse >.creditaccorde{
			position: absolute;
			right: 20px;
			top: 100px;
		}
		
		
	#contact table{width:100%}
		#contact table .label{text-align:right;font-size:13px;vertical-align:top;line-height:26px;color:#777;padding-right:15px;}





/*
 * COMMANDE VALIDATION
 */
#commande_validation{text-align:center;padding:100px 0;font-size: 22px;}





/*
 * Extrait de compte
 */
.comment-extrait-compte{color:#777;font-size:12px;}

table.extrait-compte{
	border-collapse:separate;
	border-spacing:3px;
	margin: 20px auto;
}
	table.extrait-compte th {
		margin:0;
		padding:3px;
		/*border:1px solid #999;*/
		background:#444;
	}
	table.extrait-compte td {
		margin:0;
		padding:0 3px;
	/*	border:1px solid #999;*/
		font-size:12px;
		border-collapse: collapse;
	}
	table.extrait-compte td.credit {border-left:none;}
	table.extrait-compte td.debit {border-right:none;}
	table.extrait-compte tr._grise {background:#2d2d2d;}
	table.extrait-compte tr.footer td {border:none;}
	table.extrait-compte tr.footer td.credit,
	table.extrait-compte tr.footer td.debit {
		/*border:1px solid #999;*/
	}




/*
 * Creation Client
 */
.block-creation-client {
	width:45%;
	display:inline-block;
	margin:20px;
	vertical-align:top;
}
	.block-creation-client span {display:block;}
	.block-creation-client span.title {font-size:25px;margin-bottom:20px;}
	.block-creation-client span.sstitle {font-size:16px;margin:15px 0 10px;}
	.block-creation-client span.label {font-size:12px;color:#777;margin-top:10px;}
	.block-creation-client .field {margin: 1px 0;}

.block-creation-client.validation-formulaire{float:left;width:100%;padding:30px 0;text-align:center;clear:both;}




/*
 * Liste des clients
 */
/*.liste_clients{text-align:center;padding:20px;}
	.liste_clients span.err-clients {display:block;padding:30px 0; text-align:center;font-size:20px;}*/
	.liste_clients{
	/*	margin-top:5px;*/
	}
	.liste_clients table{
		border-collapse:separate;
		border-spacing: 3px;
		margin: 0 auto;
		margin-top:20px;
		  width: 100%;
	}
		.liste_clients table th {
			margin:0;
			padding:3px;
		/*	border:1px solid #999;*/
			background: #444;
		}
		.liste_clients table td {
			margin:0;
			padding:0 3px;
			font-size:12px;
			border-collapse: collapse;
			text-align:left;
		}


span.matrice_prix {
font-size:10px;
display: inline-block !important;
}

span.matrice_remise {
font-size:10px;
color:red;
margin:0 5px;
display: inline-block !important;
}

/*DG*/
span.bloquer{
font-weight: bold;
color: red;
}
div.stockKO {padding:10px 0;text-align:center;font-size:22px;color:red;}
/*
 * REASSORT
 */
#reassort{padding: 20px}
	#reassort .title{font-size:25px;color:#555;padding:15px 0 0 10px;}
	#reassort .lien{display:block;color:#555;text-decoration:underline;font-size:12px;}


	#reassort table{border-collapse:collapse;margin: 20px auto;}
		#reassort th {margin:0;padding:3px; border:1px solid #999; background:#dedede;}
		#reassort td {margin:0;padding: 3px;border:1px solid #999;font-size:12px;border-collapse: collapse; border: 0}
		#reassort a {font-size:12px;text-decoration:none;margin:5px;}
		

/*
 * EDITION
 */
#edition{padding: 20px}
	#edition .title{font-size:25px;color:#555;padding:15px 0 0 10px;text-align:center;}
	#edition .lien{display:block;color:#555;text-decoration:underline;font-size:12px;}


	#edition table{border-collapse:separate; border-spacing: 3px;margin: 20px auto;}
		#edition th {margin:0;padding:3px; border:1px solid #999; background:#dedede;}
		#edition td {margin:0;border:1px solid #999;font-size:12px;border-collapse: collapse; border: 0;text-align: left;}
		#edition a {font-size:12px;text-decoration:none;margin:3px;}
		#edition select option,
		#validation select option{
			color:#000;
		}	
		
/*
 * MEMORISATION
 */
#memorisations{padding: 20px}
	#memorisations .title{font-size:25px;color:#555;padding:15px 0 0 10px;  text-align: center;}
	#memorisations .lien{display:block;color:#555;text-decoration:underline;font-size:12px;}


	#memorisations table{
		border-collapse:separate;
		border-spacing:3px;
		margin: 20px auto;
	}
		#memorisations th {
			margin:0;
			padding:3px;
			background:#444;
		}
		#memorisations td {margin:0;padding: 3px;font-size:12px;border-collapse: collapse}
		#memorisations a {font-size:12px;text-decoration:none;margin:5px;}
	
		#memorisations td {margin:0;padding:0 3px;font-size:12px;border-collapse: collapse;}
		#memorisations a {font-size:12px;text-decoration:none;margin:5px;}

		#memorisations td.date, #memorisations td.panier, #memorisations td.datemaj, #memorisations td.actions{text-align:center;}    
		#memorisations td.totht, #memorisations td.quantite,  #memorisations td.prix,  #memorisations td.remise {text-align:right;}
	
	#memorisations .detail-cmd table {margin:20px auto;width:auto;}
		#memorisations .detail-cmd table td{padding:5px}

 /*
 * IMPRESSION
 */
 
 #imp_adresseclient{padding:10px; border: 1px solid #cccccc;}
   #imp_adresseclient div.idclient{text-align:right;font-style:italic}
   #imp_adresseclient div.nomclient{font-weight:bold}
 #imp_header{height:170px;position:relative;}
    #imp_header table{ padding:0; margin:0;width:95%;}
	#imp_marque{display:block;font-size:20px;line-height:35px;margin-left:10px}
	#imp_tagline{display:block;font-size:12px;line-height:20px;margin-left:10px}

div.selection_recap {
	padding:0 0 20px 0;
	/*background-color: #fafafa;*/
	color:#fff;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}
 
table.selection_recap {
border:none;
border-collapse: separate;
border-spacing:3px;
/*padding: 50px;*/
width:100%;
}

tr.selection_recap {
}

th.selection_recap {
background-color:#444;
/*order:solid 1px #aaa;*/
padding:5px;
}

td.selection_recap {
/*background-color:#fff;*/
/*border:solid 1px #aaa;*/
padding:5px;
}

div.selection_recap td.titre {
font-size:20px;
width:200px;
text-align:center;
border:none;
}

div.selection_recap td.famille {
}

div.selection_recap td.quantite {
text-align:center;
}

div.selection_recap td.total_quantite {
text-align:center;
font-weight:bold;
}

div.selection_recap td.total {
text-align:right;
}

div.selection_recap td.total_total {
text-align:right;
font-weight:bold;
}

div.selection_recap td.volume {
text-align:center;
}

div.selection_recap td.total_volume {
text-align:center;
font-weight:bold;
}

div.selection_recap td.budget {
text-align:center;
}

div.selection_recap td.total_budget {
text-align:center;
font-weight:bold;
}

/*** CSS§ BLACK ***/
.logo{
	position: relative;
	/*margin: 12px;*/
	display:inline-block;
	z-index:2;
}
.logo h1{
	display:inline-block;
	vertical-align:middle;
	font-size:1.6em;
	margin-right:20px;
	font-weight:normal;
	margin:0;
	color:#fff;
	
}
.logo a{
	display:inline-block;
	width:70px;
	vertical-align:middle;
}
.logo a img{
	width:100%;
	height:auto;
}
.lemenu ul li {list-style:none;padding:0;margin:0;float:right;}
.lemenu a{color:white; text-transform:uppercase;font-size:10px}


/* Supersized */

#supersized li a img {
  top: 80px !important;
}
#login-content #nextslide,
#login-content #prevslide{
  margin-top: 25px;
}

/************************************************************************************************************ seb 2015 **/

/**
*
* Main Menu top start 
*
**/

header {
	background:#000;
	position:relative;
}
#topBar{
	margin:5px auto;
	text-align:center;
	 /* padding-top: 15px;*/
}
nav{
	position:relative;
	background:#444;
	display:block;
}

nav .wrapper > ul{
	position:relative;
	margin:0;
	text-align:center;
}
nav ul li{
	position:relative;
	display:inline-block;
	text-transform:uppercase;
	padding: 5px 12px;
	vertical-align:middle;
	
}
nav ul li a{
	color:#eee;
	font-size:.8em;
	width:70px;
	display:block;
}
nav ul li a img{
	width:100%;
	height:auto;
	min-height:77px;
}
nav ul li a span{
	display:block;
	text-align:center;
	font-size:.8em;
	color: #fff;
	font-weight:normal;
	height:30px;
}


nav[name="nav-tablet"]{
	display:none;
	z-index:1000000;
}
nav[name="nav-tablet"] ul li.active,
nav[name="nav-desk"] ul li.active{
	background:rgba(0,0,0,.5);
}


.navSpace{
		width:100%;
		height:0px;
		background:transparent;
	}
	
	
	
	/**
	* Sous Menu start
	* les !important sont nécessaires
	**/
	#sousMenu {
		display:flex;
		text-align: initial;
		padding-left: 0px;
	}
	#sousMenu li {
		width:50px !important;
	}
	#sousMenu li:hover {
		background: rgba(0,0,0,.5);
	}
	#sousMenu li a {
		width:50px !important;
	}
	#sousMenu li a {
		min-height:50px !important;
	}
	#sousMenu li a img {
		min-height: 0 !important;
	}

	.produitsSousMenu {
		display:none;
		width:100%;
		height:auto;
		max-width:1000px;
		margin:0 auto;
		border-top:1px solid #383838;
		background:#444444;
		text-align:center;
		white-space: nowrap;
	}
	.produitsSousMenu ul {
		padding:0;
		margin:0;
		overflow:auto;
	}
	.produitsSousMenu ul li {
		vertical-align:top;
	}
	.produitsSousMenu ul li:hover {
		background:#000;
	}
	.produitsSousMenu ul li a {
		display:inline-block;
		height:100%;
		width:60px !important;
		padding:5px 5px 5px 5px;
		color:#fff;
		vertical-align:top;
		font-size:.75em;
	}
	.produitsSousMenu ul li a img {
		display:block;
		margin:0 auto;
		min-height:0 !important;
	}
	.produitsSousMenu ul li a span {
		display:block;
		margin:0 auto;
		white-space: normal;
		font-size:.9em;
		height: auto;
		width:60px;
		word-wrap: break-word;   
	}
	/**
	* Sous Menu end
	**/
	
	
/**
*
* Main Menu top end 
*
**/

/*
* topBAr start
*/



/*
* topBar end
*/




/**
* Langues & recherche start
**/

#langAndSearch{
	width:26%;
	padding-top: 15px;
	text-align:right;
	display:inline-block;
	height:100px;
	position:relative;
}
#google_translate_element{
	position:absolute;
	top: 65px;
	right:0;
}
#lang,
#search{
	display:inline-block;
	width: 260px;
}
#search{
	color:#222;
	position:relative;
	right:7px;
	padding: 7px;
}
#search form{
	position:relative;
}
#search i{
	font-size:1.5em;
	display:inline-block;
	vertical-align:middle;
	color:#666;
}
#search input{
	outline:none;
	display:inline-block;
	vertical-align:middle;
	-webkit-appearance: none !important; 
	/*position: absolute;
	top: -8px;
	height: 14px;
	width: 10px;
	right: 0;*/
}
input.champ{
	border:1px solid #fff;
	color:#000;
}
.search{
	background:transparent;
	border:none;
	position:absolute;
	/*left: 0px;*/
	height: 27px;
	width: 27px;
	z-index:3;
	cursor: pointer;
	background: url("/themes/black/img/search.png")no-repeat 5px;
	background-size: 85%;
}


/**
* Langues & recherche start
**/





/**
*
* HOME SLIDER start
*
**/
#homeSlideContent{
	height:520px;
	width:100%;
}

#photoProd,
.owl-carousel .owl-stage-outer{
	/*border-top-left-radius: 5px;
	border-top-right-radius: 5px;*/
}		

.owl-prev{
	position:absolute;
	left:0;
	bottom: 0%;
	padding: 20% 2%;
	color:rgba(0,0,0,.8);
 }
.owl-next{
	position:absolute;
	right:0;
	bottom: 0%;
	padding: 20% 2%;
	color:rgba(0,0,0,.8);
 }
 .owl-next i,
 .owl-prev i{
	font-size:5em;
 }
 .owl-stage-outer{
	border-radius: 5px;
 }
 
 
 
#catalogue .owl-carousel .owl-controls .owl-dots,
#homeSlideContent .owl-carousel .owl-controls .owl-dots{
	text-align:center;
}
#catalogue .owl-carousel .owl-controls .owl-dots .owl-dot,
#homeSlideContent .owl-carousel .owl-controls .owl-dots .owl-dot{
	display:inline-block;
	margin:10px 6px;

 }
#catalogue .owl-carousel .owl-controls .owl-dots .owl-dot span,
#homeSlideContent .owl-carousel .owl-controls .owl-dots .owl-dot span{
	width:15px;
	height:15px;
	background:#666;
	border-radius:20px;
	display:block;
}
#catalogue .owl-carousel .owl-controls .owl-dots .active span,
#homeSlideContent .owl-carousel .owl-controls .owl-dots .active span{
	width:15px;
	height:15px;
	background:#fff;
	border-radius:20px;
	display:block;
}

#homeSlider{
	margin-top:5px;
	width:1000px;
	height:443px;
}
.contCatalogue .owl-carousel .owl-item {
	width:770px !important;
/*	width:200px !important;
	height:200px !important;*/
}
.contCatalogue .owl-stage .active {
/*	width:770px !important;*/
/*	width:200px !important;
	height:200px !important;*/
}

#homeSlider .owl-carousel .owl-item img {
  transform-style: preserve-3d;
 /* margin-right: -24px;*/
 width:1000px;
 height:443px;
}

.formSearch{
  text-align: center;
  vertical-align:middle;
  display:inline-block;
  position:absolute;
  right:30px;
  top: 15px;
}
.formSearch input{
  vertical-align:middle;
  display:inline-block;
}

.formSearchuser{
  text-align: center;
  vertical-align:middle;
  display:inline-block;
/*  position:absolute;
  right:30px;
  top: 15px;*/
}
.formSearchuser input{
  vertical-align:middle;
  display:inline-block;
}



.ui-overlay-a,
.ui-page-theme-a,
.ui-page-theme-a .ui-panel-wrapper{
	color:#fff;
}

/**
*
* HOME SLIDER end
*
**/

/**
*
* TabBAR start
*
**/

#tabBar{
	display:block;
	/*position:fixed;*/
	/*bottom: 100px;*/
	z-index: 9999;	

}

#tabBar ul{
	display:block;
	background:rgba(0,0,0,.5);
	width:100%;
	height:auto;
	border-top-right-radius:60px;
	border-bottom-right-radius:60px;
}
#tabBar ul li{
	display:inline-block;
	padding:10px 0;
}
#tabBar ul li a{
	display:block;
	width:70px;	
}
#tabBar ul li a:hover{
	background:rgba(255,255,255,.2);
}
#tabBar ul li a img{
	display:block;
	width:100%;
	height:auto;
}


/**
* Connexion
**/

#connexion{
	display:inline-block;
	vertical-align: middle;
	margin:0 10px;
	width: 460px;
	text-align:left;
}
#bloc-Connex-representant,
#bloc-Connex-client{
	display:inline-block;
	padding:2px 5px;
}
#bloc-Connex-representant{
	border-right: 1px solid #fff;
	text-align:right;
	color:#fff;
}
#bloc-Connex-client{
	text-align:left;
}
#bloc-Connex-representant a,
#bloc-Connex-client a{
  display: inline-block;
  /*width: 200px;*/
  color: #fff;
  border-bottom:1px solid #fff;
}
/**
* Connexion
**/


/**
* SURCHARGE JQUERY MOBILE start
*/



/**
* SURCHARGE JQUERY MOBILE start
*/

/**
* categories
*/

.categorie{
	border-radius:5px;
	background:#222;
	padding: 0 0 20px 0;
}
.categorie .contCategorie a.ui-link,
.categorie .contCategorie a{
	font-size:.8em;
	color:#eee;
	font-weight:normal;
}

.categorie .contCategorie a.actif{
	border-bottom:1px solid #fff;
}

.categorie span{
	padding:0 5px;
	color:#eee;
}
.categorie span:last-child{
	display:none;
}
.categorie .title{
	text-align:left;
	color:#000;
	text-transform:uppercase;
	font-size:.9em;
	padding:5px;
}
.categorie .title span{
	padding:0 0 0 5px;
	display:inline-block;
	vertical-align:middle;
	text-transform:capitalize;
}
.categorie .title i{
	font-size: 1.5em;
	padding: 0 0 0 .3em;
	display:inline-block;
	vertical-align:middle;
	color:#eee;

}
.categorie .contCategorie{
	padding: 12px;
}


/**
* categories
*/

#photoProd .item{
	text-align:center;
}
#photoProd .item img{
    display: block;
    width: 383px;
    height: 383px;
}

/*
* Tableau achat
*/
#product_add_to_cart {

}
#product_add_to_cart ul{
	
	list-style:none;
	padding: 0;
}
#product_add_to_cart ul li{
	
	display:inline-block;
	width:100%;
}
#product_add_to_cart ul li div input{
	/*width:20px;*/
}
#product_add_to_cart ul li div img,
#product_add_to_cart ul li div input,
#product_add_to_cart ul li div span
#product_add_to_cart ul li div p,
#product_add_to_cart ul li div .nowrap{
	display:inline-block;
	vertical-align:middle;
	/*display:table-cell;*/
	width:10%;
}

/************************  Onglets Product start *****************************************/


.gencodCouleurTaille{
	padding:10px 2px;
	/*border:1px solid #fff;*/
	margin:1px;
}

#product_detail #tabs{
	margin:5px 0;
	min-height:300px;
}
#product_detail #tabs ul{
	width:80%;
	list-style:none;
	margin: 0 0 0 180px;
	padding: 0;
	display:table;
}
#product_detail #tabs ul li{
	display:table-cell;
	background:transparent;
	position:relative;
	/*border: 1px solid rgba(255,255,255,1);*/
}
#product_detail #tabs ul li a{
	color:rgba(255,255,255,.5);
	text-align:center;
	background:rgba(255,255,255,0);
	display:inline-block;
	width:calc( 100% - 2px);
	height:auto;
	padding:10px 0px;
}
#product_detail #tabs ul li a span{
	padding-bottom:10px;
}

#product_detail #tabs ul li:hover a{
/*	background:rgba(255,255,255,1);*/
	color:rgba(255,255,255,1);

}


#product_detail #tabs ul li.ui-tabs-active a span,
#product_detail #tabs ul li.ui-state-active a span{
	border-bottom: 2px solid rgba(255,255,255,1);
}
#product_detail #tabs ul li.ui-tabs-active a,
#product_detail #tabs ul li.ui-state-active a{
	color:#fff !important;
	/*background-color:rgba(255,255,255,1) !important;*/
	/*background-image:url(../img/arrowSelectWhite.png);*/
	background-position: center 18px;
	background-repeat:no-repeat;
}

#product_detail #tabs>div{
	padding:10px;
	position: relative;
	color:#fff;
}

#product_detail #tabs>div span{
	  display: block;
	/*margin: 0 auto;*/
}
#product_detail #tabs>div span.description_designation,
#product_detail #tabs>div span.description_prix,
#product_detail #tabs>div span.description_saison,
#product_detail #tabs>div span.description_rayon,
#product_detail #tabs>div span.description_famille{
	/*display:inline-block;*/
	/*margin: 10px;*/
	/*border-right: 1px solid #ccc;*/
	padding: 0 10px 0 0;
}
/*#product_detail #tabs>div span.description_barcode{
	display:inline-block;
	text-align:right;
	right: 20px;
	top: 20px;
	position:absolute
}*/
#product_detail #tabs>div span.description_descriptif{
	/*padding:10px;*/
}


#product_detail #tabs>div span span:nth-child(1){
	font-size:.8em;
	color:#666;
}
#product_detail table.grille-produits{
	border-collapse: collapse;
}
#product_detail table.grille-produits tr {
	border:inherit;
	border-top: 1px solid #fff;
}
#product_detail table.grille-produits tr:first-child {
	border-top: 0px solid #fff;
}


#product_detail #tabs table.grille-produits td > span{
/*	display:inline-block;*/
}



/*
.ajoutSelection{
	width:100%;
	background:rgba(0,0,0,.5);
	border:1px solid #fff;
	color:#fff;
	text-align:center;
	padding:10px 0;
	margin-top:20px;
	transition:all .3s ease;
}
.ajoutSelection:hover{
	background:#fff;
	border:1px solid #fff;
	color:rgba(0,0,0,.8);
}
*/
.ajoutSelection{
  display: inline-block;
  *display: inline;
  zoom: 1;
  width:100%;
 padding: 10px 0px;
  margin: 15px 0 0 0;
  cursor: pointer;
  border: 1px solid #bbb;
  overflow: visible;
  font: bold 13px arial, helvetica, sans-serif;
  text-decoration: none;
  white-space: nowrap;
  color: #555;
  background-color: #ddd;
  background-image: linear-gradient(top, rgba(255,255,255,1),
                                         rgba(255,255,255,0)),
                    url(data:image/png;base64,iVBORw0KGg[...]QmCC); 
  transition: background-color .2s ease-out;
  background-clip: padding-box; /* Fix bleeding */
  border-radius: 3px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .3),
              0 2px 2px -1px rgba(0, 0, 0, .5),
              0 1px 0 rgba(255, 255, 255, .3) inset;
  text-shadow: 0 1px 0 rgba(255,255,255, .9);  
}

.ajoutSelection:hover{
  background-color: #eee;
  color: #555;
}

.ajoutSelection:active{
  background: #e9e9e9;
  position: relative;
  top: 1px;
  text-shadow: none;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
}









/************************  Onglets Product end *****************************************/


/************************  Onglets Panier (selection) start *****************************************/

#tabs-selection{
	margin:10px 0;
}

#tabs-selection ul{
	list-style:none;
	padding-left:0;
	margin:0;
}
#tabs-selection ul li{
	display:inline-block;
/*	border:1px solid #fff;
	border-bottom:0px solid #fff;*/
}
#tabs-selection ul li a{
	color:rgba(255,255,255,.5);
	height:auto;
	display:inline-block;
	padding:10px 40px;
	transition:border .3s ease;
	transition:color .3s ease;
}
#tabs-selection ul li a span{
	border-bottom:2px solid transparent;
	padding:0 0 5px 0;
}

#tabs-selection  ul li:hover a{
	/*border: 1px solid rgba(255,255,255,1);*/
	color:rgba(255,255,255,1);
}

#tabs-selection ul li.ui-tabs-active a span,
#tabs-selection ul li.ui-state-active a span{
	border-bottom:2px solid #fff;
	padding:0 0 5px 0;
}
#tabs-selection ul li.ui-tabs-active a,
#tabs-selection ul li.ui-state-active a{
	color:#fff !important;
	/*background-color:rgba(255,255,255,1) !important;*/
/*	background-image:url(../img/arrowSelectWhite.png);*/
	background-position: center 18px;
	background-repeat:no-repeat;
;
}

/************************  Onglets Panier (selection) end *****************************************/



/*********************************  CMDBTNS start   ************************************************************/
/*
#selection .cmdBtns {
	text-align: center;
	display: table;
	width: 100%;
}

#selection .cmdBtns .button {
	text-decoration: none;
	font-size: 13px;
	margin:inherit;
	padding:inherit;
	display: table-cell;
	background:none;
	border:1px solid rgba(255,255,255,.5);
	color:rgba(255,255,255,.5);
}
#selection .cmdBtns .button:hover {
	/*border:1px solid rgba(255,255,255,1);
	color:rgba(255,255,255,1);
}
*/



/*********************************  CMDBTNS end   ************************************************************/



/****************** style bouton pattern start********************************/


input[type="submit"],
input[type="button"],
.button{
  font-family: 'Conv_AvenirLTStd-Light';
  text-align:center;
/*width: 100%;*/
  display: inline-block;
  display: inline;
  zoom: 1;
  padding: 6px 20px;
  margin: 0;
  cursor: pointer;
  border: 1px solid #bbb;
  overflow: visible;
  font-size:13px;
  text-decoration: none;
  white-space: nowrap;
  color: #555;
  background-color: #ddd;
  background-image: linear-gradient(top, rgba(255,255,255,1),
                                         rgba(255,255,255,0)),
                    url(data:image/png;base64,iVBORw0KGg[...]QmCC); 
  transition: background-color .2s ease-out;
  background-clip: padding-box; /* Fix bleeding */
  border-radius: 3px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .3),
              0 2px 2px -1px rgba(0, 0, 0, .5),
              0 1px 0 rgba(255, 255, 255, .3) inset;
  text-shadow: 0 1px 0 #fff;  
}

input[type="submit"]:hover,
input[type="button"]:hover,
.button:hover{
  background-color: #eee;
  color: #555;
}
input[type="submit"]:active,
input[type="button"]:active,
.button:active{
  background: #e9e9e9;
  position: relative;
  top: 1px;
  text-shadow: none;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
}



/****************** style bouton pattern end********************************/



/****************** lienEtat start********************************/

.liensEtat{
	margin:15px 0;
	text-align:center;
	display:inline-block;
  min-height:29px;
}








/****************** lienEtat end********************************/


button, input, optgroup, select, textarea{
	padding: 3px 0 3px 5px;
/*	-webkit-appearance: none !important;*/
	border-radius: 0px;
	color: #000;

}

#bouton{
	/*text-align:right;*/
	right:0;
}


#chercher{
	background:transparent;
	border:none;
	display:inline-block;
	 vertical-align: middle;
	/*left: 0px;*/
	height: 27px;
	width: 27px;
	z-index:3;
	cursor: pointer;
	background: url("/themes/black/img/search.png")no-repeat 5px;
	background-size: 85%;
	-webkit-appearance: none !important;
}



#ui-datepicker-div{
	background:#eee;

}
.ui-btn-corner-all, .ui-corner-all{
	color:#000;
}
.ui-datepicker-prev,
.ui-datepicker-next{
	cursor:pointer;
}
.ui-datepicker-next span{
	position:absolute;
	right:10px;
}



#loginBackground{
	background:url(/cms-cache/1024x768.jpg) no-repeat center fixed; 
	margin:0;
	padding:0; 
	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
	background-size: cover; /* version standardisée */
}



.stylemarque{
	 overflow: auto;
}

.cataloguepicto{
  position:absolute;
  top:0;
}
.cataloguepicto img.picto{
	transform-style:inherit;
	display:inline-block;
	width: 18% ;
}
.product .iconeCoeur{
	position:absolute;
	bottom: 5px;
	width:30px;
    z-index: 1;
    left: 5px;
    float: left;
	cursor:pointer;
}
.iconeCoeurP{
	cursor:pointer;
}	






#tabs-1 ul#product_picto{
	width: 100% ;
	position:relative;
	display:block;
	margin:20px 0;
}
#tabs-1 ul#product_picto li{
	position:relative;	
	display:inline-block;
	width:30px;
	height:30px;
	cursor:pointer;
}
#tabs-1 div#coeurpicto img,
#tabs-1 ul#product_picto li img{
	width: 100% ;
	height:auto;
	position:relative;
}

#tabs-1 div#coeurpicto{
	width:30px;
	height:30px;
}


/***************************************************************************************************************/
/*******************************               DOCUMENTS PRODUIT                   *****************************/ 
/***************************************************************************************************************/
#tabs-4{
	text-align:center;
}
#ContentDocuments {
	text-align:center !important;
}
#ContentDocuments h3 {
	text-align:left !important;
}
#ContentDocuments ul {
	margin:0 !important;
	text-align:center !important;
	width:100% !important;
	display:table;
	padding:0;
}
#ContentDocuments ul li {
	text-align: center;
	vertical-align: middle;
	display: block;
	border: 1px solid #626262;
	float: left;
	margin:5px 5px 5px 5px;
	transition:0.3s;
	overflow:visible;
}
#ContentDocuments ul li:hover {
	border: 1px solid #DFDFDF;
}
#ContentDocuments ul li img {
	width: 50px;
	height: 50px;
}
#ContentDocuments ul li a {
	display:block;
	width: 100%;
	height: 20%;
	font-size:14px;
	color:#DEDEDE !important;
	text-decoration: none;
	transition:0.2s;
	padding:0 !important;
}
#ContentDocuments ul li a:hover  {
	color:white;
	text-decoration: underline;
}






/***************************************************************************************************************/
/*******************************                  MEDIA QUERIES                    *****************************/
/***************************************************************************************************************/


/*iPad in landscape*/
@media only screen 
and (min-device-width : 0px) 
and (max-device-width : 1000px) 
and (orientation : landscape) { 
	
	nav[name="nav-tablet"]{
		display:block;
		bottom:-1px;
		width:100%;
		height:100px;
		position:fixed;
	}
	nav[name="nav-tablet"] .navMenu{
		
	}
	nav[name="nav-desk"]{
		display:none;
	}
	.navSpace{
		width:100%;
		height:120px;
		background:transparent;
	}
	
}


	.cdemasse{
	/*	margin-top:5px;*/
  text-align:center;
	}

	.cdemasse table{
		border-collapse:separate;
		border-spacing: 3px;
		margin: 0 auto;
		margin-top:20px;
		  width: 100%;
	}
		.cdemasse table th {
			margin:0;
			padding:3px;
		/*	border:1px solid #999;*/
			background: #444;
		}
		.cdemasse table td {
			margin:0;
			padding:0 3px;
			font-size:12px;
			border-collapse: collapse;
			text-align:left;
		}


		
/* ruben reglement */
.payment_choice {
  display:inline-block;
}
.pay_logo {
  cursor:pointer;
  width:230px;
  height:150px;
	border-radius : 2px 2px 2px 2px;
	padding:0;
}
.pay_logo_selected {
  cursor:pointer;
  width:230px;
  height:150px;
  border:1px solid #434343;
	border-radius : 2px 2px 2px 2px;
}
.logo-methodes {
	margin:10px 0px 10px 0px;
}
.noborder {
	border:0;
}
.backPayment, .backPayment:link, .backPayment:visited, .backPayment:active {
	color:white;
}
.backPayment:hover {
	text-decoration:underline;
}
/* ruben reglement - fin */