/*
 * INIT
 */
body{margin:0;padding:0;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; 
	background: #fff url(/photos/background.jpg)no-repeat top fixed; background-size: cover;}
img{border:0;}
/*
 * TOOLS
 */
.fw{margin:0 auto;width:960px;display:block;}
.clear{clear:both;height:1px;}
.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;border:#ccc 1px solid;padding:0;margin:0;line-height:25px;height:25px;font-size:17px;}
.button{background:#ddd;border:#ccc 1px solid;padding:0 15px;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{padding:15px;margin:15px auto;border:1px solid #faa;background:#fdd;color:#000;width:960px;}
#information{padding:15px;margin:15px auto;border:1px solid #9ccbff;background:#cce4ff;color:#000;width:960px;}

.pagination{text-align:right;padding: 0 20px;font-size:12px;color:#ccc;}
	.pagination a {padding:0 5px;font-size:12px;color:#555;text-decoration:none;}
	.pagination a.actif {color:#ccc}
.catalogue{}
	.catalogue .product{float:left;width:172px;margin:9px;height:240px;background:#f7f7f7;border:1px solid #eee;position:relative;}
		.catalogue .product .photo img{width:150px;height:150px;margin:10px 0 0 10px;}
		.catalogue .product .contenu{margin:10px 70px 10px 10px;}
			.catalogue .product .contenu a{display:block;font-size:12px;color:#555;text-decoration:none;}
			.catalogue .product .contenu .designation{width:75px;line-height:14px;height:28px;overflow:hidden;}
			.catalogue .product .contenu .barcode{width:150px;line-height:14px;height:28px;overflow:hidden;}
			.catalogue .product .contenu .prix{text-align:right;color:#777;position:absolute;top:170px;right:10px;width:75px;}
			.catalogue .product .contenu .remise{text-align:right;color:#777;position:absolute;top:183px;right:10px;font-size:12px;width:60px;}


/*
 * SITE STRUCTURE
 */
#wrapper{}

	#header{height:100px;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 9px;line-height:40px;color:#fff;text-decoration:none;display:block;font-size: 13px;}
					#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;}

	#left{width:175px;background:#eee;min-height:400px;float:left;margin-top:15px;border:1px solid #ccc;}
	#right{width:770px;min-height:400px;float:right;}

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

	#footer{height:25px;background:#555;color:#fff;clear: both;}
		#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{}

	#accueil .cms-accueil{float:left;width:100%}


/*
 * LOGIN
 */
#login{
	padding:200px 0;
	background-size: cover;
	width:100%;
	height:100%
	height: calc( 100% - 173px);
	}
	#login-content{padding:50px 0 50px 130px;margin:0 auto;width:400px;background:#f7f7f7 url(../img/accueil/login.png) no-repeat 0 40px;}
		#login-content label{width:90px;display:block;text-align:right;font-size:12px}
		#login-content .field{width:270px;}
		#login-content .button{display:block; margin: 10px 0 0 auto;}



/*
 * CATALOGUE
 */
.catalogue_title{font-size:25px;color:#555;padding:15px 0 0 10px;}
#catalogue{padding-bottom:20px;}
#filtres{margin:10px;font-size:12px;color:#555;}
	#filtres select{width:100%;}
#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;
	position:absolute;
	width: 55px;
	/* left:0px; */
	background-color: white;
}
#photos-vignettes{
	text-align:center;
	height:55px;
}
/* #product_photos {margin-top:15px;width:320px;float:left;text-align:center;} */
#product_photos {margin-top:15px;width:355px;float:left;}
	#product_photos img.photoBig {width:300px;height:300px;margin:10px 0px}
	#product_photos img.vignette {width:50px;height:50px;margin:2px 1px 10px;}

/* #product_description {margin-top:15px;width:433px;float:right;font-size:12px;position:relative;} */
#product_description {margin-top:15px;width:395px;float:right;font-size:12px;position:relative;}
	#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 .product {margin:10px 10px 0 0;width:130px;height:140px;}
		#product_asso .product .contenu {display:none}
		#product_asso .product img {width:100%; height:auto; display:none;} /*width:120px;height:120px*/
		#product_asso .product .photo img {  margin: 0; display:block;}


#product_add_to_cart {text-align:center; padding:20px;clear:both;}
	table.grille-produits{margin:20px auto;}
		table.grille-produits .quantite{width:40px; margin:5px;text-align:center;}
		table.grille-produits td{background:#dedede; 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:right;}
		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}


#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{}
	#selection .empty-cart{font-size:12px;text-align:right;}
		#selection .empty-cart a{color:#555}
	#selection .title{font-size:25px;color:#555;padding:15px 0 0 10px;}
	table.selection {width:100%;margin:20px auto;}
		table.selection th {background:#f0f0f0;border-top:2px solid #777;}
		table.selection tr.footer th {background:#aaa;}
		table.selection td {padding-bottom:30px;}
		table.grille-produits{margin:5px auto;}
			table.grille-produits th{background:#fff;border:none;}
			table.grille-produits td{padding-bottom:0;}
				#selection table.grille-produits .quantite{display:block;}
        
        #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;}
			table.selection th.actions a{font-size:12px;text-decoration:none;font-weight:normal;float:left;}
			table.selection th.actions a.delete{display:block;width:16px;height:16px;overflow:hidden;padding:0;margin:0;border:0;background:url(../img/delete.png) no-repeat; text-indent:3000em;margin:7px;}

	#selection .cmdBtns{text-align:center;}
		#selection .cmdBtns .button{text-decoration:none;font-size:13px;margin:10px 10px;;padding:10px 10px;line-height:60px;}
    
/*
DG    
*/
#selection .lien{display:block;color:#555;text-decoration:underline;font-size:12px;}
#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:#555;padding:15px 0 0 10px;}
	#commandes .lien{display:block;color:#555;text-decoration:underline;font-size:12px;}

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

	#commandes table{border-collapse:collapse;margin: 20px auto;}
		#commandes th {margin:0;padding:3px; border:1px solid #999; background:#dedede;}
		#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:5px;}

		#commandes tr.pas-de-reliquat td{background:#e8f3ff;}
		#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:#fff;border:none;}

	#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}

/*
 * COORDONNEES
 */
#client{}
	#client .title{font-size:25px;color:#555;padding:15px 0 0 10px;}
	#client .adresse{margin:20px 230px;background:#f0f0f0;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;}




/*
 * VALIDATION
 */
#validation{margin:0 150px; padding:50px 0}
	#validation table{width:100%}
		#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 .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%}
		#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{padding:50px 150px;}
	#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:collapse;margin: 20px auto;}
	table.extrait-compte th {margin:0;padding:3px; border:1px solid #999; background:#dedede;}
	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:#eee;}
	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:50%;float:left;margin:20px 0;}
	.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 table{border-collapse:collapse;margin: 0 auto;margin-top:20px;}
		.liste_clients table th {margin:0;padding:3px; border:1px solid #999; background:#dedede;}
		.liste_clients table td {margin:0;padding:0 3px;border:1px solid #999;font-size:12px;border-collapse: collapse;text-align:left;}


span.matrice_prix {
font-size:10px;
}

span.matrice_remise {
font-size:10px;
color:red;
}

/*DG*/
span.bloquer{
font-weight: bold;
color: red;
}
div.stockKO {padding:10px 0;text-align:center;font-size:22px;color:red;}


/*
 * EDITION GRAND LIVRE
 */
#EditionGrandLivre{padding: 20px}
	#EditionGrandLivre .title{font-size:25px;color:#555;padding:15px 0 0 10px;}
  #EditionGrandLivre .label{text-align:right;font-size:12px}

/*
 * 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;}
	#edition .lien{display:block;color:#555;text-decoration:underline;font-size:12px;}


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


	#memorisations table{border-collapse:collapse;margin: 20px auto;}
		#memorisations th {margin:0;padding:3px; border:1px solid #999; background:#dedede;}
		#memorisations td {margin:0;padding: 3px;border:1px solid #999;font-size:12px;border-collapse: collapse}
		#memorisations a {font-size:12px;text-decoration:none;margin:5px;}
	
		#memorisations td {margin:0;padding:0 3px;border:1px solid #999;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 {
margin-top:30px;
margin-bottom:30px;
}
 
table.selection_recap {
border:none;
border-collapse: collapse;
padding: 50px;
width:100%;
}

tr.selection_recap {
}

th.selection_recap {
background-color:#ddd;
border: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;
}

ul#cataloguepicto{
	position:absolute;
	width:100%;
	list-style:none;
	padding-left:0;
	top:0;
	margin:5px;
}
ul#cataloguepicto li{
	display:inline-block;
	width:25px;
	height:25px;
	/*cursor:pointer;*/
}

ul#cataloguepicto li img.picto{
	width:100%;
	height: auto;
}
.iconeCoeur{
	display:block;
	float:right;
	position:absolute;
	top:5px;
	right:5px;
	width:25px;	
}
.iconeCoeur img{
 	width:100%;
}

#product_description ul#product_picto{
	position:relative;
	width:100%;
	list-style:none;
	padding-left:0;
}
#product_description ul#product_picto li{
	position:relative;
	width:25px;
	height:25px;
	display:inline-block;
	
}
#product_description ul#product_picto li img{
	width:100%;
	position:relative;
}
#coeurpicto,
.iconeCoeur{
	cursor:pointer;
}


#ContentDocuments {
	text-align:center;
}
#ContentDocuments ul {
	display:inline-block;
	width:60%;
	padding:0;
	list-style-type: none;
}
#ContentDocuments ul li {
	text-align:left;
	border: 1px solid white;
	margin:5px 5px 5px 5px;
	transition:0.3s;
}
#ContentDocuments ul li:hover {
	border: 1px solid #D7D7D7;
}
#ContentDocuments ul li img {
	width: 50px;
	height: 50px;
}
#ContentDocuments ul li a {
	width: 100%;
	height: 20%;
	font-size:14px;
	color:#626262;
	text-decoration: none;
	transition:0.2s;
}
#ContentDocuments ul li a:hover  {
	color:black;
	text-decoration: underline;
}


.cdemasse{text-align:center;padding:20px;}
	.cdemasse table{border-collapse:collapse;margin: 0 auto;margin-top:10px;}
		.cdemasse table td {margin:0;padding:0 3px;border:1px solid #999;font-size:12px;border-collapse: collapse;text-align:left;}
		.cdemasse table th {margin:0;padding:3px; border:1px solid #999; background:#dedede;font-size:12px;font-weight:normal;}    


/* ruben reglement */
.payment_choice {
  display:inline-block;
}
.pay_logo {
  cursor:pointer;
  width:230px;
  height:150px;
}
.pay_logo_selected {
  cursor:pointer;
  width:230px;
  height:150px;
  border:1px solid #434343;
}
.logo-methodes {
	margin:10px 0px 10px 0px;
}
.noborder {
	border:0;
}
/* ruben reglement - fin */