.ie6 .alert-ie {
	border: solid 4px #000000;
	background-color: #ffffff;
	padding: 10px;
}
.ie6 img {
	display: inline;
	vertical-align: middle;
	border: none;
	margin: 0px 5px 0 0;  
}

img {border: 0;}
.clear {clear: both;}

body {
	font-size: 12pt;
	font-family: helvetica,Arial, Verdana, sans-serif;
}




	
	
/*********************/
/* Colonne de gauche */
/*********************/

/**********/
/* Search */
/**********/
.search {
	padding-top: 4px;
	margin: 0px;
	}
	.search input {
		border: solid 1px #000;
		height: 22px;
		padding: 0 5px;
		width: 100px;
	}
	.search .submit input {
		text-transform: uppercase;
		font-weight: bold;
		margin-left: 5px;
		cursor: pointer;
		color: #fff;
		border: #975847;
		background-color: #975847;
		border-radius: 3px;
  		width: auto;
	}
	
/************/
/* Language */
/************/
#languageBox {
	list-style-type: none;
	display: inline-block;
	margin: 5px 5px 0 5px;
	padding: 0;
	position: absolute;
	top: 5px; 
	right: 5px;
	z-index: 2000;
	}
	#languageBox li {
		padding-left: 8px;
		margin-right: 2px;
		float: left;
	}
	#languageBox a {
		display: inline-block;
		outline: 0;
		width: 18px;
		height: 12px;
	}
	#languageBox img {
		width: 18px;
		height: 12px;
	}
	#languageBox li.select {background: url(/img/flechelangue.gif) left center no-repeat;}
	
/***************/
/* Coordonnées */
/***************/
#boxCoord h1 {
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
}
#boxCoord p {margin: 3px 0;}
#boxCoord a {color: #000;}
		
/***************************/
/* Panier - colonne gauche */
/***************************/
.newCaddy {}
	.newCaddy p {
		margin: 0;
		padding: 0;
		text-align: center;
		}
		.newCaddy p span {font-weight: bold;}		
	.newCaddy .affichepanier {
		padding: 6px 0;
		margin: 0;
		position: relative;
		}			
		.newCaddy .affichepanier .msgcaddy {
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
			background-color: #fff;
			text-align: center;
			display: none;
			z-index: 2;
			}			
			.newCaddy .affichepanier .msgcaddy p {
				padding: 5px 0;
				text-align: center;
				color: red;
				font-size: 1em;
			}			
		.newCaddy .affichepanier .paniervide,
		.newCaddy .affichepanier a {
			background: transparent url(/img/form/symbolcart.png) right top no-repeat;
			margin: 0 5px;
			padding: 0 10px 0 5px;
			height: 25px;
			position: relative;
			text-decoration: none;
			color: #000;
			font-weight: normal;
			border: solid 1px #a3a3a3;
			display: block;
			font-size: 1em;
			line-height: 22px;
			
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			behavior: url(/css/PIE.htc);	
			}							
			.newCaddy .affichepanier a div {
				overflow: hidden;
				margin-right: 35px;
				height: 25px;
				cursor: pointer;
				}							
		.newCaddy .affichepanier .paniervide {
			background-position: left top;
			text-align: center;
			}							
			.newCaddy .affichepanier a:hover {border: solid 1px #555;}
			.newCaddy .affichepanier a span {
				font-size: 1.3em;
				font-weight: bold;
			}							
		.newCaddy .compteClient {
			border-top: solid 1px #888;
			padding: 5px;
			background: transparent url(/img/form/panierRayureBg.png);
			}				
			.newCaddy .compteClient .namefirstnameCaddy {
				padding: 0 0 0 21px;
				background: transparent url(/img/form/iconeCompte.png) -4px -2px no-repeat;
				margin-bottom: 3px;
				overflow: hidden;
				white-space: nowrap;
				}				
			.newCaddy .compteClient a {
				color: #000;
				font-size: 1em;
				padding: 0 5px;
				border-right: solid 1px #777;
				text-decoration: underline;
				font-weight: bold;
				}				
			.newCaddy .compteClient a:hover {text-decoration: none;}
			.newCaddy .compteClient a:last-child {border-right: none;}
			
/************************/
/* Multipage - A la une */
/************************/
.multiPage {
	line-height: 1em;
	font-size: 1.1em;
}
.multiPage a.title {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
.multiPage p {margin: 3px 0;}
.multiPage a.more {
	margin: 8px 0 0 0;
	display: inline-block;
	padding-right: 12px;
	font-size: .9em;
	color: #000;
}
.multiPage a.more:hover {text-decoration: underline;}

/***********/
/* Contenu */
/***********/

/********************************/
/* Présentation liste multipage */
/********************************/
.classMPlist {padding: 0 15px 0 0; width: auto;}
.classMPlist .intro {margin: 0 0 25px 0;}
.multiPageListBox {border-bottom: solid 1px #888888; margin-bottom: 15px;}
.classMPlist .photo {
	float: left;
	overflow: hidden;
	width: 100px;
}
.classMPlist .content {font-size: 1.2em;}
.classMPlist .gestImg {padding-left: 120px;}
.classMPlist .content p {margin: 5px 0 0 0; padding: 0;}
.classMPlist a.title:hover{text-decoration: underline;}
.classMPlist a.title{
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
}
.classMPlist a.title span img {border: 0; vertical-align: bottom;}
.classMPlist .multiPageMore {
	text-align: right;
	margin: 5px 0;
	padding: 0;
}
.classMPlist .multiPageMore a {
	background-color: #fff;
	border: solid 1px #888888;
	border-radius: 3px;
	color: #000;
	display: inline-block;
	font-size: .8em;
	padding: 2px 5px;
	text-decoration: none;
}
.classMPlist .multiPageMore a:hover {background-color: #000; color: #fff;}
.classMPlist .last {border: 0;}
		
/*******************************/
/* Count multipage & catalogue */
/*******************************/
.nextPrev {
  background-color: #ffffff;
  box-shadow: #000 0px 0px 2px;
  color: #000000;
  display: inline-block;
  font-size: 1.2em;
  height: 30px;
  line-height: 30px;
  margin-bottom: 10px;
  position: relative;
  text-align: center;
  width: 100%;
  }
.nextPrev .prev:hover a::before,
.nextPrev .next:hover a::before {
  	background-color: red;
  	border-radius: 2px;
	content: " ";
	height: 15px;
	width: 12px;
	top: 0;
	left: 0;
}
.nextPrev .prev:hover a {background: url("/img/default/precedentw.png") 0 3px no-repeat; position: relative;}
.nextPrev .next:hover a {background: url("/img/default/nextw.png") 0 3px no-repeat;}

.nextPrev .prev a {background: url("/img/default/precedent.png") 0 3px no-repeat;}
.nextPrev .next a {background: url("/img/default/next.png") 0 3px no-repeat;}

.nextPrev .prev,
.nextPrev .next {
  height: 15px;
  position: absolute;
  text-align: center;
  width: 12px;
}
.nextPrev .prev {left: 8px; top: 5px;}
.nextPrev .next {right: 8px; top: 7px;}   
.nextPrev a {
  border: none;
  display: inline-block;
  height: 20px;
  text-align: center;
  width: 10px;
}
.unselectPrev,
.unselectNext {height: 11px; width: 17px;}


/**********************************/
/* Présentation article multipage */
/**********************************/
.classMP h1{
	color: #000;
	font-size: 1.45em;
	margin: 0 0 5px 0;
	text-decoration: none;
}
.classMP .photo {
	float: left;
	margin: 0 15px 15px 0;
	overflow: hidden;
	width: 100px;
}
.classMP .intro {
	font-size: 1.2em;
	margin: 0 0 15px 0;
	padding: 0;
}
p.backArticle a:before {
	content: url("/img/default/precedent.png");
	position: absolute;
	margin: 3px 0 0 -15px;
}
p.backArticle a:hover {text-decoration: underline;}
p.backArticle a {font-size: 0.7em; text-decoration: none;}

/***************/
/* Formulaires */
/***************/
.form input,
.form button,
.form select,
.form label,
.form .button {
  vertical-align: middle;
  font-family: inherit;
  font-size: inherit;
}
.form label {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.form legend {white-space: normal;}
.form textarea {
  font-family: inherit;
  font-size: inherit;
  min-height: 5em;
  resize: vertical;
  vertical-align: top;
}
/* clickable input types in iOS */
.form button,
.form input[type="button"],
.form input[type="reset"],
.form input[type="submit"] {cursor: pointer; -webkit-appearance: button;}
.form input[type="search"] {-webkit-appearance: textfield;}
/* if select styling bugs on WebKit */
/* select { -webkit-appearance: none; } */
/* 'x' appears on right of search input when text is entered. This removes it */
.form input[type="search"]::-webkit-search-decoration,
.form input[type="search"]::-webkit-search-cancel-button,
.form input[type="search"]::-webkit-search-results-button,
.form input[type="search"]::-webkit-search-results-decoration {display: none;}
.form ::-webkit-input-placeholder {color: #777;}
.form input:-moz-placeholder,
.form textarea:-moz-placeholder {color: #777;}
/* Removes inner padding and border in FF3+ */
.form button::-moz-focus-inner,
.form input[type='button']::-moz-focus-inner,
.form input[type='reset']::-moz-focus-inner,
.form input[type='submit']::-moz-focus-inner {border: 0; padding: 0;}
.form form {
  margin: 0 auto 20px;
  padding: 0;
  width: 80%;
  }
  .form form fieldset {
    border: solid 1px #bbb;
    border-radius: 2px;
    margin: 0 0 15px;
    padding: 10px 0;
    }
    .form form legend,
    .form .legend {
      background-color: #eee;
      border-radius: 2px;
      font-size: .8em;
      font-weight: normal;
      margin: 0 10px;
      padding: 3px 6px;
      text-transform: uppercase;
    }
    .orderForm .legend {position: relative;}
    .form form p:not(.subInfo) {
      border-top: dashed 1px #bbb;
      margin: 0 10px;
      padding: 8px 0 8px 15px;
      }
    .form .subInfo {
      font-size: .9em;
      margin: 0;
      padding: 0 10px;
    }
    .form form label {
      color: #444;
      font-size: .9em;
      margin: 0;
      padding: 0 10px 0 0;
      text-align: right;
      width: 200px;
    }  
    .form form input,
    .form form textarea,
    .form form select {
      background-color: #F6F6F6;
      border: 1px solid #4f4f4f;
      border-color: #4f4f4f #ebebeb #ebebeb #4f4f4f;
      border-radius: 2px;
      font-size: .9em;
      margin: 0;
      padding: 4px;
    }
    .form form input[type="checkbox"],
    .form form input[type="radio"] {
      height: auto;
      margin: 0;
      width: auto;
    }
    .form form textarea {
      height: 100px;
      width: 40%;
    }
    .form form input:hover,
    .form form textarea:hover,
    .form form select:hover,
    .form form input:focus,
    .form form textarea:focus,
    .form form select:focus {box-shadow: rgba(0,0,0,.6) 0px 0px 3px;}
 
    .form form input:focus,
    .form form textarea:focus,
    .form form select:focus {background-color: #fff;}
            
    .form form input[type="submit"]:not(.validerCommande),
    .form form input[type="reset"] {
      background-color: #000;
      border: solid 1px #888888;
      border-radius: 3px;
      color: #fff;
      cursor: pointer;
      font-size: 1.4em;
      margin: 0;
      padding: 4px 10px;
      width: auto;
    }

    .form form .button {
      display: block;
      padding: 0 10px 0 0;
      text-align: right;
    }
    
    .form form input[type="submit"]:not(.validerCommande):hover,
    .form form input[type="reset"]:hover {background-color: #444;}
    
    .form form p img {margin: 5px 5px 5px 0px;}
    .form form label.error {
      background: #fff8d4;
      border: none;
      color: red;
      display: inline;
      font-size: .8em;
      margin-left: 15px;
      padding: 2px 10px;
    }
    .mandatory span {
      color: red;
      font-size: 1.2em;
      font-weight: bold;
    }
    .mandatory .small {font-size: .8em; font-weight: normal;}
    .form input[name="captcha"] {
      margin-top: 5px;
      vertical-align: top;
      width: 50px;
    }
    .form p.message {
      border: none;
      font-size: .8em;
      text-align: right;
      width: 100%;
      }
.msgPanier {font-size: .9em; margin: 4px 0;}
.orderForm form {width: 100%;}
	
/*************/
/* Ecommerce */
/*************/		

/****************************/
/* Formulaire d'inscription */
/****************************/
.msgPanier {
	margin: 4px 0;
	font-size: .8em;
	}
.formTemplatePanier .small {
    padding-bottom: 4px;
    text-align: right;
    font-size: .7em;
}

.formTemplatePanier .savedelivery {
    margin: 10px 0 0 0;
    padding: 0;
    border: 1px solid #9D9D9D;
    font-size: .9em;
}

.formTemplatePanier .savedelivery h1 {
    margin: 0;
    padding: 4px;
    font: normal 1em/1em helvetica,sans-serif;
    background-color: #ffffff;
}

.formTemplatePanier .savedelivery > div {
    margin-bottom: 5px;
    padding: 8px 8px 0 8px;
}

.formTemplatePanier .savedelivery input[type='checkbox'] {
    height: auto;
    margin-right: 5px;
}

.formTemplatePanier .legend a.closeBtOn,
.formTemplatePanier .legend a.closeBtOff {
    position: absolute;
    right: 2px;
    width: 16px;
    height: 16px;
    background: transparent url(/img/form/panierOpencloseArrow.png);
}

.formTemplatePanier .legend a.closeBtOn {
    background-position: 0 0;
}

.formTemplatePanier .legend a.closeBtOff {
    background-position: 0 -16px;
}

.formTemplatePanier .legend a.closed {
    background-position: 0 -16px;
}

.formTemplatePanier .subInfo {
    position: relative;
}

.formTemplatePanier .subInfo p.error {
    clear: both;
    position: absolute;
    top: 3px;
    right: 0;
}

.formTemplatePanier p.error {
    padding: 3px 0 0 3px;
    border-bottom: none;
    font-size: 7pt;
    font-weight: normal;
    line-height: .9em;
    color: red;
}


.formTemplatePanier p .small,
.formTemplatePanier p small {
    font-size: .8em;
}

.formTemplatePanier .submit {
    margin-top: 5px;
    text-align: right;
}

.formTemplatePanier .submitButton {
    width: auto;
    padding: 0 5px;
    border: solid 1px #000;
    font-size: 1em;
    font-weight: bold;
    color: #fff;
    background: #000 url("/img/form/panierBtBg.png") repeat-x;
    cursor: pointer;
}

.formTemplatePanier .submitButton:hover {
    color: #fff;
    background-color: #000;
}
/*******************/
/* Panier - étapes */
/*******************/
.overridefontsize {font-size: 1.1em;}
	.overridefontsize  td {font-size: inherit;}
.step {
	border: solid 1px #9d9d9d;
	position: relative;
	background-color: #fff;
	padding: 3px;
	margin-bottom: 15px;
	position: relative;
	text-align: center;
	font-size: 1.2em;
	
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	behavior: url(/css/PIE.htc);
	}
	.step table {
		padding: 0;
		margin: 0 auto;
		width: 100%;
		}					
		.step tr {
			margin: 0;
			padding: 0;
			height: 35px;
			}					
			.step td {
				text-align: center;
				margin: 0;
				padding: 0;
				font-size: inherit;
				}
				.step td span {line-height: 35px;}
			.step td.arrow {
				background: #fff url(/img/form/arrowStep.png) center center no-repeat;
				width: 20px;
				}					
			.step td.select span {
				display: block;
				background: #e2e2e2 url(/img/form/panierRayureBg.png);
				color: #000;
				height: 35px;
				position: relative;
				text-align: center;
				
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				border-radius: 5px;
				behavior: url(/css/PIE.htc);
				}	
		
/**********/
/* Panier */
/**********/
.panier {padding: 0;}
	.panier .enteteTab {
		margin: 0;
		padding: 5px;
		border: solid 1px;
		border-width: 2px 2px 1px 2px;
		position: relative;
		background: #e2e2e2 url(/img/form/panierRayureBg.png);
		
		-moz-border-radius: 5px 5px 0 0;
		-webkit-border-radius: 5px 5px 0 0;
		border-radius: 5px 5px 0 0;
		behavior: url(/css/PIE.htc);	
		}
		.panier .enteteTab a.viderpanier{
			background: url(/img/form/panierBtsuppr.png) 0 3px no-repeat;
			padding: 0 0 0 20px;
			color: #000;
			height: 10px;
			font-size: 1.2em;
			text-decoration: none;
		}
	.panier .testTab {
		margin: 0;
		padding: 0;
		width: 100%;
		border-collapse: collapse;
		}
		.panier .testTab td {
			margin: 0;
			padding: 0;
			font-size: .7em;
			text-align: left;
			}
			.panier .testTab td.normal {font-size: 1em;}
		.panier .testTab h2 {
			margin: 0;
			padding: 0;
			line-height: .8em;
			font-size: 1em;
			}
			.panier .testTab td.right {
				text-align: right;
				padding-right: 4px;
			}
		.panier .testTab .prix {
			width: 60px;
			text-align: right;
			font-weight: bold;
			padding: 0;
			background: url(/img/form/panierFilet.gif) repeat-y;
		}
	select.shippingselect {
		color: #000;
		padding: 2px;
		border: solid 1px #000;
		background-color: #fff;
		position: relative;
		
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		behavior: url(/css/PIE.htc);	
		}
	.panier .prd {
		border: solid 1px;
		border-width: 1px 2px;
		margin: -1px 0 0 0;
		padding: 5px;
		}
		.panier .prd table{
			margin: 0;
			padding: 0;
			width: 100%;
			border-collapse: collapse;
			}
		.panier .prd td{
			margin: 0;
			padding: 0;
			}
			.panier .prd td.right{text-align: right;}
		.panier .prd .suppr {
			width: 1px;
			vertical-align:top;
			padding: 2px 10px 0 0; 
			}
			.panier .prd .suppr a{
				display: block;
				width: 10px;
				height: 10px;
				background: url(/img/form/panierBtsuppr.png) no-repeat;
				}
			.panier .prd .photo {
				width: 1px;
				padding-right: 10px;
				vertical-align:top;
				}
				.panier .prd .photo div {
					width: 80px;
					height: 80px;
					overflow: hidden;
					}
					.panier .prd .photo div img {
						width: 95%;
						border: solid 1px;
						}
			.panier .prd .content {vertical-align:top;}
				.panier .prd .content a {
					display: inline-block;
					line-height: 1em;
					margin-bottom: 4px;
					text-decoration: none;
					font-weight: bold;
					padding-right: 15px;
					}
				.panier .prd .content h1 {
					background: inherit;color: inherit;
					padding: 0;
					margin: 0;
					font-size: .9em;
					line-height: 1em;
					margin-bottom: 4px;
					}
				.panier .prd .content .ref {
					padding: 0;
					margin: 0;
					font-size: .8em;
					text-align: left;
					}
				.panier .prd .content .option {
					padding: 0;
					margin: 0;
					text-align: left;
					}
					.panier .prd .content .option span{
						color: #444;
						font-size: .8em;
						}
				.panier .prd .prdPrix {
					font-size: .7em;
					padding-top: 5px;
					white-space: nowrap;
					float: left;
					}
					.panier .prd .prdPrix span {
						font-size: 1.2em;
						font-weight: bold;
						}
				.panier .prd .center {text-align: center;}
				.panier .prd .quantite {
					width: 45px;
					float: right;
					height: 20px;
					position: relative;
					}
					.panier .prd .stockmsg {
						position: absolute;
						right: 4px;
						top: -17px;
						height: 15px;
						width: 200px;
						text-align: right;
						font-size: .7em;
						color: red;
						}
					.panier .prd .quantite p {
						float: left;
						padding: 0;
						margin: 0;
						font-size: .8em;
						}
					.panier .prd .quantite form {}
					.panier .prd .quantite form input {
						margin: 0;
						padding: 0;
						width: 15px;
						height: 15px;
						}
						.panier .prd .quantite form input.submit {
							margin: 0 0 0 5px;
							padding: 0;
							width: 15px;
							border: none;
							height: 15px;
							background: url(/img/form/panierValidateQt.gif) 0 0 no-repeat;
							cursor:  pointer;
							}
						.panier .prd .quantite form input.submit:hover {background-position: -15px 0;}
					.panier .prd .price {
						vertical-align: bottom;
						font-weight: bold;
						margin: 0;
						padding: 0;
						background: url(/img/form/panierFilet.gif) repeat-y;width: 60px;
						}
						.panier .prd .price div {
							width: 60px;
							text-align: right;
							}
					.panier .codePromo {
						margin: 10px 0 0 0;
						padding: 5px;
						border: solid 1px #888;
						position: relative;
						text-align: center;
						font-weight: bold;
						background: #e2e2e2 url(/img/form/panierRayureBg.png);
						
						-moz-border-radius: 5px;
						-webkit-border-radius: 5px;
						border-radius: 5px;
						behavior: url(/css/PIE.htc);	
						}			
						.panier .codePromo td {
							white-space: nowrap;
							font-size: 1em;
							}			
						.panier .codePromo input[type="text"] {
							width: 150px;
							margin: 0 10px;
							}
						.codePromo input[type="submit"] {cursor: pointer; font-size: .7em;}
					.panier .livraison {
						margin: -1px 0 5px 0;
						padding: 5px;
						position: relative;
						border: solid 1px;
						border-width: 1px 2px 2px 2px;
						
						-moz-border-radius: 0 0 5px 5px;
						-webkit-border-radius: 0 0 5px 5px;
						border-radius: 0 0 5px 5px;
					    behavior: url(/css/PIE.htc);	
						}
					.panier .totalPrix {
						margin-bottom: 10px;
						text-align: right;
						}
						.panier .totalPrix a {
							color: #000;
							font-size: .9em;
							background: url(/img/form/panierBtsuppr.png) 0 5px no-repeat;
							padding-left: 14px;
							margin-left: 5px;
							}
						.panier .totalPrix {}
						.panier .totalPrix font {	
							color: red;
							font-weight: bold;
							font-size: 1.4em;
							}
	.notenoughstock {
		border-style: solid;
		border-width: 2px 0;
		padding: 10px 0;
		font-size: .8em;
		float: left;
		}					
		.notenoughstock b {color: red;}					
		.notenoughstock ul {
			list-style-type: square;
			margin: 0;
			padding: 0;
			width: 100%;
			margin: 6px;
			list-style-position: inside;
			float: left;
			}					
			.notenoughstock li {float: left;}					
			.notenoughstock a {float: right;}			

/********************************/
/* Panier - validation commande */
/********************************/
.action {
	margin: 12px 0 18px 0;
	padding: 4px 0;
	height: 40px;
	}
	.action .validerCommande,
	.action font.validerCommandeOff {
		font-size: 1.4em;
		height: 40px;
		line-height: 40px;
		text-decoration: none;
		padding: 0 8px 0 45px;
		position: relative;
		display: block;
		background: #fff url(/img/form/panierValidate.png) no-repeat;
		float: right;
		
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		behavior: url(/css/PIE.htc);	
		}	
		.action .validerCommande {
			background-position: 2px 1px;
			border: solid 1px #59a101;
			color: #000;	
			}
			.action .validerCommande:hover {color: #59a101;}
		.action font.validerCommandeOff {
			color: #9d9d9d;
			background-position: 2px -38px;
			border: solid 1px #9d9d9d;	
			}
			.action input.validerCommande {
				width: auto;
				cursor: pointer;
			}

/**************************/
/* Panier - compte client */
/**************************/
.gestCompteClt {}
	.infoClientBox {
		padding: 5px;
		margin-bottom: 15px;
		border: solid 1px #888;
		position: relative;
		float: left;
		width: 100%;
				
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		behavior: url(/css/PIE.htc);	
		}
	.affCom {font-size: .9em;}
	.infoClt {background: transparent url(/img/form/fieldsetBg.png);}	
		.infoClientBoxTitle {
			font-weight: bold;
			border-bottom: solid 2px #000;
			margin-bottom: 5px;
			padding-left: 3px;
			}		
		.infoClientBox ul {
			list-style-type: none;
			padding: 5px;
			margin: 0;
			}		
			.infoClientBox li {
				padding: 0 0 3px 0;
				margin: 0;
				}	
				.infoClientBox span {color: #777;}	
				.infoClientBox p {
					padding: 0;
					margin: 4px 0;
					text-align: center;
					}	
				.infoClientBox p.paymentLink {}	
					.infoClientBox p.paymentLink a {}	
				.infoClientBox table.paymentTable {
					border: none;
					margin: 0 auto;
					}	 
					.infoClientBox table.paymentTable td {
						text-align: center;
						padding: 0 15px;
						}
	.compteAction {
		text-align: right;
		margin: 5px 0 0 0;
		padding: 3px;
		border-top: solid 2px #000;
		}		
		.compteAction a {
			padding: 1px 3px;
			background-color: #333;
			color: #fff;
			margin-left: 5px;
			font-size: .8em;
			text-decoration: none;
			}		
			.compteAction a.retourCaddy {padding: 1px 3px 1px 15px;}	

	.listCommande {
		border-collapse: collapse;
		color: #000;
		width: 100%;
		font-size: .8em;
		}	
		.listCommande td{
			white-space: nowrap;
			color: #000;
			padding: 1px 5px;
			border-bottom: solid 1px #000;
			}		
			.listCommande td.legend{font-weight: bold;}		
			.listCommande td.action{text-align: right;}		
				.listCommande td.action a{}		
			.listCommande tr {}		
			.listCommande tr:hover {background: url(/img/form/panierEnteteTab.png)}			
	.formMessage {}
	.formIntro {
		font-weight: bold;
		margin-bottom: 12px;
		}		
	.msginfos {
		text-align: center;
		padding: 15px 0;
		font-weight: bold;
		}
	.adminsystemerror {
		color: red;
		border: solid 2px red;
		text-align: center;
		font-size: .8em;
		font-weight: bold;
		padding: 3px 0;
	}
	
	
	
	
	
	





	
/************/
/* Comments */
/************/
#comments {font-size: 1.2em;}
	#comments .comment {
		margin: 10px 0;
		text-align: left;
		display: block;
		border: solid 1px #000;
		font-size: 1em;
		float: right;
		padding-bottom: 10px;
		
  		-moz-border-radius: 3px;
 		-webkit-border-radius: 3px;
		border-radius: 3px;
  		behavior: url(/css/PIE.htc);
  		width: auto;
		}
		#comments .comment div {padding: 5px;}
		#comments .comment .info {
			background-color: #ececec;
			border-bottom: solid 1px #000;
		}
		#comments .comment .info a:hover {text-decoration: none;}
		#comments .title {
			color: #000;
			display: inline;
		}
	#comments .author {display: inline;}
	#comments a {color: #000; font-weight: bold;}
	#comments .message {line-height: 1.2em;}
	#comments .date {display: inline;}
	#comments .button {
		color: #000;
		cursor: pointer;
		margin: 0px 0 0px 5px;
		padding: 4px;
		border: solid 1px #A3A3A3;
		background-color: #fff;
		display: inline;
		
  		-moz-border-radius: 3px;
 		-webkit-border-radius: 3px;
		border-radius: 3px;
  		behavior: url(/css/PIE.htc);
	}
	#comments .button:hover {
		background-color: #000;
		color: #fff;
	}
	#comments .add {
		padding: 5px;
		margin: 10px 0;
		width: auto;
	}
	#comments .highlight {
		margin: 10px 0;
		text-align: left;
		display: block;
		border: solid 1px #000;
		background-color: #A3A3A3;
	}

	#comments .comment .reponses,
	#comments .comment .reponsesOn {
		background: #fff url('/img/comments/plusMoins.gif') 5px 5px no-repeat;
		color: #000;
		cursor: pointer;
		margin: 0px 0 0px 5px;
		padding: 4px 4px 4px 20px;
		border: solid 1px #A3A3A3;
		display: inline;
				
	  	-moz-border-radius: 3px;
	 	-webkit-border-radius: 3px;
		border-radius: 3px;
	  	behavior: url(/css/PIE.htc);
	}
	#comments .comment .reponses:hover,
	#comments .comment .reponsesOn:hover {
		background-color: #000;
		color: #fff;
	}
	#comments .comment .reponsesOn {background-position: 5px -20px;}
	.comment #addcommentform {padding: 8px 0 8px 0;}
	#commentform textarea {width: 250px;}
	
	
	
	
	
	
	
/**********/
/* Tables */
/**********/
	



/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 12000;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 13000;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10000;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
	}
	
	




/* ------------------------------- */

/*    customgal                    */

/* ------------------------------- */



.customgal {
	border: solid 1px #ccc;
	}
	.customgal .css-panes {
        width: 100%;
		position:relative;
		overflow:hidden;
        background-color: transparent;
        /*border: solid 1px #eee;*/z-index: 1;
		}
		.customgal .css-panes .items {
			width:20000em;
			position:absolute;
			clear:both;
			margin:0;
			padding:0;
	        border:0;
			}
		.customgal .css-panes .items > div {
			float:left;
			display:block;
			overflow: hidden;
			position: relative;
			}
			
			.customgal .css-panes .items > div .legende{
			    background-color: rgba(0, 0, 0, 0.6);
			    color: #BFBFBF;
			    font-size: 0.8em;
			    left: 0;
			    padding: 5px;
			    position: absolute;
			    right: 0;
			    z-index: 100;
			    }
			
			
			
			

.customgal .prevbutton,
.customgal .nextbutton{
	display: block;position: absolute;z-index: 100;width: 36px;height: 36px;cursor: pointer;
	background-image: url(/img/galerie/galerienextprevbt.png);background-repeat: no-repeat;
	}

.customgal .prevbutton { background-position: 0 0;left: 10px; }
.customgal .nextbutton { background-position:-36px 0;right: 10px; }
.customgal .prevbutton:hover { background-position: 0 -36px; }
.customgal .nextbutton:hover { background-position:-36px -36px; }


.customgal .slidetabs {
	position: absolute;bottom: 10px;right: 10px;z-index: 100;
	}
	.customgal .slidetabs a {
	    width:8px;height:8px;border: solid 1px #000;background-color: #fff;
	    float:left;
	    margin:3px;
	    display:block;
	    font-size:1px;
		}
	.customgal .slidetabs a:hover {
		}
	.customgal .slidetabs a.current {background-color: #000; }