/* CSS Document */
body {
	margin: 0;
	padding: 0;
	background-color: #300;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fbcb8c;
	text-align: center; /* pour correction de centrage de la <div> principale sous IE */
}

div {
	margin: 0;
	padding: 0;
}

p {
	margin: 10px auto; /* harmonisation des marges haut et bas sous IE */
}

h1 {
	width: 250px;
	height: 100px;
}
	h1 a {
		width: 250px;
		height: 100px;
		display: block;
		text-indent: -999em;
		overflow: hidden;
	}
h2 {
	height: 35px;
	
	margin-top: 0;
	padding-top: 10px;
	padding-left: 10px;
	
	border: 1px solid #8b6e6e;
	
	background-color: #501e0e;
	background-image: url(../images/fond/h2-bgd.gif);
	background-position: right;
	background-repeat: no-repeat;
}
	h2 span {
		margin-left: 14px;
	}
h3 {
	border-bottom: 1px solid #fff;
	
	font-size: 13px;
	color: #f8e2b0;
}
	h3 a:hover {
		text-decoration: none;
	}
	/*#menu-left h3 {
		width: 100px; /* 150 */
		
		/*margin: 10px auto 10px 15px;
		padding: 0;
		padding: 5px 25px 5px 25px;
		
		border-top: 1px solid #dab186;
		border-bottom: 1px solid #dab186;

		background-image: url(../images/fond/menu-left_titre.gif);
		background-position: center;
		background-repeat: no-repeat;
		
		text-align: center;
	}*/
h4 { }
h5 { }
h6 { }

.kill { display: none; }
.invisible { visibility: hidden; }
.top { vertical-align: top; } /* alignement en haut (valable uniquement pour les tableaux */
.middle { vertical-align: middle; } /* alignement au milieu (valable uniquement pour les tableaux */
.left { text-align: left; } /* alignement à gauche du contenu */
.center { text-align: center; } /* centrage du contenu */
.justify { text-align: justify; } /* justification du contenu (valable uniquement pour les textes) */
.right { text-align: right; } /* alignement à droite du contenu */
.bottom { vertical-align: bottom; } /* alignement en bas (valable uniquement pour les tableaux */

.full {	width: 100%; } /* largeur maximale */
.shiftleft { margin-left: 15px; } /* retrait à gauche */
/* .shiftright { margin-right: paramétrable ; } */ /* retrait à droite */

.strike { text-decoration: line-through; } /* texte barré */

.divleft {
	/* margin-right: paramétrable ; *//* conteneur "flotte" à gauche */
	float: left;
}
.divcenter {
	margin-left: auto;
	margin-right: auto;
	float: none;
}
.divright {
	/* margin-left:  paramétrable ; *//* conteneur "flotte" à droite */
	float: right;
}
.clear { clear: both; }

.borderless { border: none;	} /* supprime les bordures */
.bordered { border: 1px solid black; } /* ajoute une bordure */
.stuck { margin: 0; } /* les balises affectées par cette classe se touchent */
.stuck-top { margin-top: 0; } /* les balises affectées par cette classe n'ont aucune marge au-dessus */
.stuck-bottom { margin-bottom: 0; } /* les balises affectées par cette classe n'ont aucune marge en dessous */
.stuck-left { margin-left: 0; } /* les balises affectées par cette classe n'ont aucune marge à gauche */
.stuck-right { margin-right: 0; } /* les balises affectées par cette classe n'ont aucune marge à droite */
.stuck-in { padding: 0; } /* les balises affectées par cette classe n'ont aucune marge interne */
.table { display: table; } /* les balises affectées par cette classe réagissent comme des tableaux */
.table-cell { display: table-cell; } /* les balises affectées par cette classe réagissent comme des tableaux */
.block { display: block; } /* correction bug IE d'espaces indésirables autour des images */
.inline { display: inline; } /* les balises affectées par cette classe tiennent, dans la mesure du possible, sur la même ligne */
.scroll { overflow: scroll; } /* génère des ascenceurs dans un élément conteneur dans le cas où son contenu est plus vaste que lui */

a img { /* supprime les bordures autour des images affectées par un lien sous IE */
	padding: 0;
	border: none;
}

a,
a:link,
a:visited {
	color: #f8e2b0;	
	text-decoration: underline;
}
a:active,
a:hover{
	text-decoration: none;
}

a.glossary,
a.glossary:link,
a.glossary:visited {
	text-decoration: none;
	border-bottom: 1px dotted #f8e2b0;
}
a.glossary:active,
a.glossary:hover{
	text-decoration: none;
}

.framed1,
.framed2,
.framed3 {            /* crée un encadré et eventuellement un fond sur un bloc */
	padding: 10px;
	border: 1px solid #8b6e6e;
	background-color: #a05a23;
	background-position: bottom right;
	background-repeat: no-repeat;
}
.framed1 { /* crée un encadré et eventuellement un fond sur un bloc */
	background-image: url(../images/fond/framed1.gif);
}
.framed2 { /* crée un encadré et eventuellement un fond sur un bloc */
	background-image: url(../images/fond/framed2.gif);
}
.framed3 { /* crée un encadré et eventuellement un fond sur un bloc */
	background-image: url(../images/fond/framed3.gif);
}
.framed1 a,
.framed2 a,
.framed3 a,
.framed1 a:link,
.framed2 a:link,
.framed3 a:link,
.framed1 a:visited,
.framed2 a:visited,
.framed3 a:visited {
	font-weight: bold;
	color: #f8e2b0;
text-decoration: none;
}
.framed1 p,
.framed2 p,
.framed3 p,
.framed1 div,
.framed2 div,
.framed3 div {
	/* color: #f8e2b0; */
	text-decoration: none;
}

.framed1 a:hover,
.framed2 a:hover,
.framed3 a:hover {
font-weight: bold;
color: #ffffff;
text-decoration: none;
}

.framed1 h2,
.framed2 h2,
.framed2 h3,
.framed1 h3,
.framed2 h3,
.framed3 h3,
.framed1 h4,
.framed2 h4,
.framed3 h4 {
	margin-top: 0;
}

.categorydesc {
	margin: 0;
	padding: 12px 0;

	color: #330000;
}
.categorydesc {
	margin: 0 0 10px;
	padding: 6px;

	color: #fff;
	font-size: 1.1em;
	font-weight: bold;

	background-color: #af6a35;
	border: 1px solid #bb7a47;
}

table {
	border: none;
	/* border-collapse: collapse; */
}
	td {
		border: none;
		/* border-collapse: collapse; */
	}
	th {
		background-color: black;
		
		font-weight: bold;
		color: white;
		text-align: center;
	}
	
ol li ol li { list-style: lower-latin; } /* les puces utilisée pour les sous-listes numérotées sont des caractères latin (a,b,c...) */
ul li { }
	ul li ul li { }

hr {
	/* Corrige le bug des marges de HR sous IE */
	display: block;
	height: 1px;
	padding: 0;
	color: #999; /* Couleur sous IE */
	background-color: #999; /* Couleur sous Firefox */
	border: 0;
}

.classic { background-color: #ccc; } /* alternative couleur utilisée pour distinguer les lignes de tableaux */
.altern { background-color: #fff; } /* alternative couleur utilisée pour distinguer les lignes de tableaux */

/* ******************************************** */
/* Gestion des formulaires */

form {
	margin: 0;
	padding: 0;
}

fieldset {
	padding: 10px;
	
	border: none;
}
	legend {
		font-family: "Times New Roman", Times, serif;
		font-size: 22px;
		color: #fed9bd;
	}
	label {
		color: #fff;
	}
		.lbleft { /* s'applique usuellement à une balise <label> afin de l'aligner à gauche du champ de formulaire qu'elle précède */
			width: 135px; /* 150 */
			
			padding-right: 15px;
			
			float: left;
			display: inline;
			
			font-weight: bold; /* reprend certaines caractéristiques de label{} car peut s'appliqué à d'autres balises (ex: <span>...) */
		}
		.lbleft-short {
			width: 70px; /* 85 */
			
			padding-right: 15px;
			
			float: left;
			display: inline;
			
			font-weight: bold; /* reprend certaines caractéristiques de label{} car peut s'appliqué à d'autres balises (ex: <span>...) */
		}
		.lbleft-long {
			width: 90px; /* 105 */
			
			padding-right: 15px;
			
			float: left;
			display: inline;
			
			font-weight: bold; /* reprend certaines caractéristiques de label{} car peut s'appliqué à d'autres balises (ex: <span>...) */
		}
		input,
		select,
		textarea {
		    font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			
			background-color: #dab186;
		}
			.text {
				padding: 3px 2px 0 3px;
				
				border: 1px solid #581b18;
				
				background-color: #dab186;
				background-image: url(../images/fond/input-text.gif);
				background-repeat: no-repeat;
				
				font-family: Arial, Helvetica, sans-serif;
				color: #501e0e;
			}
	
	.denied { /* messages d'erreurs lors du remplissage des formulaires */
		width: 70%;
		
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 14px;
		padding: 15px 15px 15px 50px;
		
		border: 1px solid #ddd;
		
		background-color: #f8e2b0;
		background-image: url(../images/fond/denied.gif);
		background-position: 15px 15px;
		background-repeat: no-repeat;

		color: #000;
	}
		.denied ul li {	color: #000; }
		
/* ******************************************** */

/* ******************************************** */
/* Classes singulières */

.links {
	color: #a05a23;
	text-align: center;
	margin: 0;
}

.comment { /* bloc de commentaire utilisé par exemple dans l'interface administrateur */
	width: 70%;
	
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 14px;
	padding: 10px;
	
	border: 1px solid #ccc;
	
	background-color: #eee;
}

.searching { text-align: center; } /* bloc de recherche */

.path {
	padding: 5px;
	
	border-left: 1px solid #8b6e6e;
	border-right: 1px solid #8b6e6e;
	
	background-color: #320e0e;
	
	color: #f8e2b0;
}
	.path a:link,
	.path a:visited {
		font-weight: bold;
		color: #f8e2b0;
		text-decoration: none;
	}
	.path a:hover {
		color: #fff;
		text-decoration: underline;
	}
/* ******************************************** */


/* ******************************************** */
/* Couleurs */
.white {
	color: #fff;
}
	
/* ******************************************** */

/* ******************************************** */
/* Curseurs */

.cursor-hand { /* Pointeur de base */
	cursor: default;
}
.cursor-hand { /* Main (lien hypertexte) */
	cursor: pointer;
}
.cursor-cross { /* Croix */
	cursor: crosshair;
}
.cursor-wait { /* Sablier */
	cursor: wait;
}
.cursor-help { /* Point d'interogation */
	cursor: help;
}
.cursor-move { /* 2 double-flèches haut/bas gauche/droite */
	cursor: move;
}
.cursor-erisize { /* Double-flèche gauche/droite */
	cursor: e-resize;
}
.cursor-nresize { /* Double-flèche haut/bas */
	cursor: n-resize;
}
.cursor-neresize { /* Double-flèche bas-gauche/haut-droite */
	cursor: ne-resize;
}
.cursor-nwresize { /* Double-flèche haut-gauche/bas-droite */
	cursor: nw-resize;
}
.cursor-text { /* Texte */
	cursor: text;
}
/* ******************************************** */

/* ******************************************** */
/* Arrondi des angles sous Firefox */
.bevelled {
	-moz-border-radius: 12px; /* Arrondi des angles */
	border-radius: 12px; /* Arrondi des angles */
}
	
/* ******************************************** */

/* ******************************************** */
/* Surlignement du texte sous Firefox */

::-moz-selection{
	background-color: #501e0e;
	
	color: white;
}
::selection {
	background-color: #501e0e;
	
	color: white;
} 

/* ******************************************** */

 /* ************************************************************************************************
GESTION  DES BLOCS
************************************************************************************************* */

/* ***********************************************
BLOCS PRINCIPAUX
*********************************************** */

#main {
	text-align: left; /* rétablit l'alignement à gauche (voir body{} ) */
}

	#header {
		width: 993px;
		height: 145px;
		
		margin-top: 14px;
		margin-left: auto;
		margin-right: auto;
		
		border-top: 1px solid #8b6e6e;
		border-left: 1px solid #8b6e6e;
		border-right: 1px solid #8b6e6e;
		
		background-image: url(../images/fond/header.jpg);
	}
		#header #onglets {
			width: 472px;
			height: 20px; /* 23 */
			
			padding-top: 3px;
			
			float: right;
			
			border-left: 1px solid #8b6e6e;
			border-bottom: 1px solid #8b6e6e;
			
			background-image: url(../images/fond/onglets.gif);
			background-position: top right;
			background-repeat: no-repeat;
			
			text-align: center;
			color: #fff;
		}
			#onglets a:link,
			#onglets a:visited {
				color: #fff;
				text-decoration: none;
			}
			#onglets a:hover {
				color: #fff;
				text-decoration: underline;
			}
	
	#body {
		width: 995px;
		
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 14px;
		
		border-left: 1px solid #8b6e6e;
		border-right: 1px solid #8b6e6e;
		
		background-color: #651f1d;
	}
	
/* ***********************************************
MENU GAUCHE
*********************************************** */

		#menu-left {
			width: 214px;
			
			padding-top: 14px;
			
			overflow: hidden;
			
			vertical-align: top;
			
			color: #784c44;
		}
			#menu-left ul {
				margin: 0;
				padding: 0;
			}
			 #menu-left ul ul {
			 	margin: 0;
			 }
			#menu-left li.category2 {
				margin: 0 0 15px 0;
				padding: 0;
				
				list-style-type: none;
			}
				#menu-left li.category2 a {
					width: 100px; /* 150 */
					
					display: block;
					
					margin: 10px auto 10px 15px;
					padding: 0;
					padding: 5px 25px 5px 25px;
					
					border-top: 1px solid #dab186;
					border-bottom: 1px solid #dab186;
			
					background-image: url(../images/fond/menu-left_titre.gif);
					background-position: center;
					background-repeat: no-repeat;
					
					text-align: center;
				}
			#menu-left li.category3 {
				margin: 0;
				
				list-style-type: none;
			}
				#menu-left li.category3 a {
					width: 155px;
					
					margin: 0;
					padding: 0 0 0 20px;
					
					border: none;
					border: 1px solid #eacc9a;
					
					background: none;
					background-color: #f8e2b0;
					background-image: url(../images/puce/carre_marron.gif);
					background-position: 5px;
					background-repeat: no-repeat;
					
					text-align: left;
					color: #784b45;
					text-decoration: none;
				}
			
			#menu-left li.category4 {
				margin: 0;
				
				list-style-type: none;
			}
				#menu-left li.category4 a {
					width: 140px;
					
					margin: 0;
					padding: 0 0 0 35px;
					
					border: none;
					border: 1px dotted #eacc9a;
					
					background: none;
					background-color: #fbf0d7;
					background-image: url(../images/puce/carre_marron-fonce.gif);
					background-position: 20px;
					background-repeat: no-repeat;
					
					text-align: left;
					color: #784b45;
					text-decoration: none;
				}
				
				#menu-left li.category2 a:hover,
				#menu-left li.category3 a:hover,
				#menu-left li.category4 a:hover {
					color: black;
				}
			/*#menu-left li.category4 {
				height: 18px;
				
				margin: 0;
				
				color: #f00;
				list-style-type: none;
			}
				#menu-left li.category4 a {
					width: 155px;
					
					margin: 0;
					padding: 0 0 0 20px;
					
					border: none;
					border: 1px solid #eacc9a;
					
					background: none;
					background-color: #f8e2b0;
					background-image: url(../images/puce/carre_marron.gif);
					background-position: 5px;
					background-repeat: no-repeat;
					
					text-align: left;
					color: #784b45;
					text-decoration: none;
				}*/
				
				
			/*	
			#menu-left li.category3 {
				color: #00FF00;
			}
			#menu-left li.category4 {
				color: #FF0000;
			}*/
				

			#menu-left a:link {
				color: #784c44;
			}
			#menu-left .top {
				height: 6px;
				
				overflow: hidden;
				
				background-image: url(../images/fond/menu-left_top.jpg);
			}
			#menu-left .middle {
				padding: 1px 5px 1px 25px;
				
				background-image: url(../images/fond/menu-left_middle.jpg);
			}
				#menu-left .middle div {
					padding: 2px 5px 2px 20px;
					
					border-bottom: 1px solid #e5c7a9;
					
					background-color: #eedac6;
					background-image: url(../images/fond/menu-left_div.gif);
					background-position: left;
					background-repeat: no-repeat;
				}
			#menu-left .bottom {
				height: 6px;
				
				overflow: hidden;
				
				background-image: url(../images/fond/menu-left_bottom.jpg);
			}

/* ***********************************************
CONTENT
*********************************************** */
		
		#content {
			width: 537px;
			
			padding: 14px 14px 1px 14px;
			
			vertical-align: top;
			
			list-style-image: url(../images/puce/carre_marron-fonce.gif);
		}
			#content input.text,
			#content select.text,
			#content textarea.text {
				border: 1px solid #581b18;
				
				background-color: #dab186;
			}
			#edito {
				margin-bottom: 14px;
			}
			.edito {
				border-left: 1px solid #8b6e6e;
				border-right: 1px solid #8b6e6e;
				border-bottom: 1px solid #8b6e6e;
				
				background-color: #a05a23;
				
				color: #fff;
			}
				.edito a:link,
				.edito a:visited {
					font-weight: bold;
					color: #f8e2b0;
					text-decoration: none;
				}
				.edito a:hover {
					color: #fff;
					text-decoration: underline;
				}
				.edito .message {
					padding: 5px 14px 14px 14px;
				}
				
			#content .text {
				border: 1px solid #581b18;
				
				background-color: #dab186;
			}
			
			.lbleft-medium {
				width: 100px; /* 115 */
				
				padding-right: 15px;
				
				float: left;
				display: inline;
				
				font-weight: bold; /* reprend certaines caractéristiques de label{} car peut s'appliqué à d'autres balises (ex: <span>...) */
			}
			.thumbnail {
				width: 140px;
				height: 105px;
				
				display: block;

				overflow: hidden;
				
				background-color: white;
			}
			
			.ligne {
				border-bottom: 1px solid #4B1918;
			}			
			
			
			/*.custompack a:link,
			.custompack a:visited {
				
			}
			.custompack a:hover {
				padding-left: 10px;
				
				background-image: url(../images/puce/carre_marron-fonce.gif);
				background-position: left;
				background-repeat: no-repeat;
			}*/

		
/* ******************************************** */
/* Aperçu des produits */

				.preview td {
					background-image: url(../images/fond/preview.gif);
					background-position: center;
					background-repeat: repeat-x;
				}
				.preview h3 {
					margin: 0;
				}
				.preview .description {
					width: 80%;
					
					margin-left: auto;
					margin-right: auto;
					
					padding: 5px;
					
					border-top: 1px solid #552320;
					border-left: 1px solid #552320;
					border-right: 1px solid #552320;
					
					background-color: #a05a23;
					
					font-weight: bold;
					color: #fff;	
				} 			
				.preview .image {			
					width: 80%;
					
					margin-left: auto;
					margin-right: auto;
					margin-bottom: 14px;
					
					padding: 5px;
					
					border-left: 1px solid #552320;
					border-right: 1px solid #552320;
					border-bottom: 1px solid #552320;
					
					background-color: #fff;
				}
				.preview .imageblack {			
					width: 80%;
					
					margin-left: auto;
					margin-right: auto;
					margin-bottom: 14px;
					
					padding: 5px;
					
					border-left: 1px solid #552320;
					border-right: 1px solid #552320;
					border-bottom: 1px solid #552320;
					
					background-color: #000;
				}
				
/* ******************************************** */
/* Ajout de produits */

			.makepack {
				margin-bottom: 14px;
				padding: 5px;
				
				background-color: #4b1918;
			}
		
/* ***********************************************
MENU DROIT
*********************************************** */
		
		#menu-right {
			width: 214px;
			
			padding-top: 14px;
			
			overflow: hidden;
			
			vertical-align: top;
			
			color: #fff;
			
			list-style-image: url(../images/puce/carre_marron-clair.gif);
		}
			#menu-right ul {
				margin: 0;
					margin-left: 5px;
				padding: 0;
					padding-left: 5px;
			}
			#menu-right a:link,
			#menu-right a:visited {
				color: #fff;
			}
		
/* ******************************************** */
/* Mon compte */
		
			#account {
				margin-bottom: 14px;
			}
				#account .top {
					height: 30px;
					
					background-image: url(../images/fond/menu-right_top_mon-compte.jpg);
				}
				#account .middle {
					padding: 1px 25px 1px 11px;
					
					overflow: hidden;
					
					background-image: url(../images/fond/menu-right_middle.jpg);
				}
				#account .bottom {
					height: 6px;
					
					overflow: hidden;
					
					background-image: url(../images/fond/menu-right_bottom.jpg);
				}
				
/* ******************************************** */
/* Mon panier */
		
			#basket {
				margin-bottom: 14px;
			}
				#basket .top {
					height: 30px;
					
					background-image: url(../images/fond/menu-right_top_mon-panier.jpg);
				}
				#basket .middle {
					padding: 1px 25px 1px 11px;
					
					overflow: hidden;
					
					background-image: url(../images/fond/menu-right_middle.jpg);
				}
				#basket .bottom {
					height: 6px;
					
					overflow: hidden;
					
					background-image: url(../images/fond/menu-right_bottom.jpg);
				}
				
/* ******************************************** */
/* Rechercher */
		
			#search {
				margin-bottom: 14px;
			}
				#search .top {
					height: 30px;
					
					background-image: url(../images/fond/menu-right_top_recherche.jpg);
				}
				#search .middle {
					padding: 1px 25px 1px 11px;
					
					overflow: hidden;
					
					background-image: url(../images/fond/menu-right_middle.jpg);
				}
				#search .bottom {
					height: 6px;
					
					overflow: hidden;
					
					background-image: url(../images/fond/menu-right_bottom.jpg);
				}
		
/* ***********************************************
PIED DE PAGE
*********************************************** */

	#footer {
		width: 993px;
		
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 14px;
		padding: 1px 0 14px 0;
		
		border-left: 1px solid #8b6e6e;
		border-right: 1px solid #8b6e6e;
		border-bottom: 1px solid #8b6e6e;
		
		background-color: #651f1d;
		
		text-align: center;
		color: #501e0e;
	}
		#footer a:link,
		#footer a:visited {
			color: #501e0e;
			text-decoration: none;
		}
		#footer a:hover {
			color: #ffffff;
			text-decoration: none;
		}
		#footer table {
			border-top: 1px solid #8d7070;
			border-bottom: 1px solid #8d7070;
			
			background-color: #a05a23;
		}

p.alert {
	font-weight: bold;
	color: #fff;
	text-align: center;
	background-color: #651f1d;
	border: 1px solid #300;
	padding: 6px;
}

.ajoutBt    { position:relative; top: 3px; left: 0px;   }