/*----------------------General------------------------*/
/*---------------<-- Design by TecK -->----------------*/
/*------------------!! t3ck.net !!---------------------*/

/*---------------------- Reset ------------------------*/
/*-----------------------------------------------------*/
* {margin: 0; padding: 0;}
a img {border: 0;}
p {font-size: 12px;}

html, body {
    height: 100%;
}

/*------------------- Mise en page --------------------*/
/*-----------------------------------------------------*/
body {
	background: #618608 url(body_fond.jpg) repeat-x;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: black;
	position: relative;
}
	#conteneur {
		position: relative;
		width:912px;
		margin: 0 auto;
		text-align:left;
	}

/*---------------------- Bandeau ----------------------*/
/*-----------------------------------------------------*/
#header {
	width: 912px;
	height: 212px;
	background: url(bandeau_fond.jpg) no-repeat;
}
	#header img {
		float: left;
		padding: 9px 0 0 78px;
	}

/*---------------------- Menu -------------------------*/
/*-----------------------------------------------------*/
#menu {
	float: left;
	background: url(menu_fond.jpg) repeat-x;
}
#menu_gauche {
	float: left;
	background: url(menu_fond_gauche.jpg) top left no-repeat;
}
#menu_droite {
	float: right;
	width: 863px; /*912-49*/
	height: 54px; /*78-24*/
	padding: 24px 0 0 49px;
	background: url(menu_fond_droite.jpg) top right no-repeat;
}
	#menu ul {
		list-style-type: none;
	}
		#menu li {
			display: block;
			float: left;
			min-width: 42px; /*100-16-42*/ 
			height: 25px; /*37-12*/
			padding: 9px 16px 0 42px;
			font-size: 14px;
			background: url(menu_rub_fond.png) left no-repeat;
		}
		#menu li.lien_actif a {
			color: #aa140d;
		}
			#menu a {
				color: #59200a;
				text-decoration: none;
			}
				#menu a:hover {
					color: #aa140d;
				}

/*-------------------- Contenu ------------------------*/
/*-----------------------------------------------------*/
#contenu {
	float: left;
	width: 912px;
	background: #fccd90 url(conteneur_fond.jpg) repeat-y;
}
#menu_vertical {
	float: left;
	width: 207px; /*226-19*/
	padding: 0 0 0 19px;
}
	#lien_boutique {
		float: left;
		padding: 0 0 0 16px;
	}
	#lien_recommander {
		float: left;
		padding: 8px 0 6px 0;
	}
	#lien_follow {
		float: left;
		width: 149px; /*185-36*/
		margin: 6px 0 0 0;
		padding: 45px 0 0 36px;
		background: url(liens_follow_fond.jpg) top no-repeat;
	}
	
	#lien_follow img {
		padding-bottom: 7px;
	}

/*---------------------- Diapo ------------------------*/
/*-----------------------------------------------------*/
#diapo {
	float: left;
	width: 509px; /*657-148*/
	height: 206px; /*231-25*/
	padding: 25px 0 0 148px;
	margin: 11px 0 0 0;
	background: url(diapo_fond.jpg);
}

/*---------------------- Texte ------------------------*/
/*-----------------------------------------------------*/
#texte {
	float: left;
	width: 602px;
	margin: 12px 0 0 25px;
	color: black;
}
	#texte h1 {
		width: 85%;
		color: #3f1f0e;
		font-size: 16px;
		margin: 15px 0 15px 89px;
		border-bottom: 1px #3f1f0e solid;
	}
	#texte h2 {
		padding: 5px 0 15px 45px;
		margin: 20px 0 0 0;
		font-size: 14px;
		color: #8c451f;
		background: url(h2_puce.jpg) no-repeat;
	}
	#texte p {
		padding: 5px 30px 5px 0;
	}
	#texte a, #texte strong, #texte b {
		color: #ad3f19;
	}
		#texte a:visited {
			color: #ad3f19;
		}
		#texte a:hover {
			text-decoration: none;
		}
	#texte ul {
		margin: 15px 15px 15px 45px;
		font-size: 12px;
		color: #ad3f19;
		list-style-type: disc;
	}
	#texte .hr {
		clear: both;
		display: block;
		width: 602px;
		padding-bottom: 40px;
		margin: 17px 0 12px 0;
		border: none;
		background: url(hr_fond.jpg) bottom no-repeat;
	
	}

/*----------------- Encart_produit --------------------*/
/*-----------------------------------------------------*/
#encart_produit {
	width: 602px;
	padding: 80px 0 30px 0;
	background: url(produit_fond.jpg) top left no-repeat;
}
#encart_produit table {
	width: 602px;
	border-collapse: collapse;
	text-align: center;
}
#encart_produit table td.nom_prod {
	background: url(encart_produit_nom_fond.jpg) no-repeat;
	padding: 13px 8px 0 8px;
	color: #ad3f19;
	text-align: left;
}
	#encart_produit table td.nom_prod a {
		text-decoration: none;
	}
	#encart_produit table td.nom_prod .barre {
		font-size: 10px;
		text-decoration: line-through;
	}

/*-------------------- Formatage ----------------------*/
/*-----------------------------------------------------*/
.center {
	text-align: center;
}
img.bordure {
	border: 2px solid #ad3f19;
}
.floatleft {
	float: left;
	margin: 5px 10px 3px 20px;
}
.floatright {
	float: right;
	margin: 5px 20px 3px 10px;
}
.clear {
	clear: both;
}

#recommander {
	float: left;
	width: 602px;
	border-collapse: collapse;
}
	#recommander td {
		padding: 6px 3px;
	}
	#recommander tr.couleur {
		background-color: #eeb469;
	}
	#recommander td.sepa {
		width: 40px;
	}
	#recommander td.sepa {
		width: 40px;
	}
	#recommander td label {
		color: #ad3f19;
	}

/*------------------ Pied de page ---------------------*/
/*-----------------------------------------------------*/
#footer_fond {
	clear: both;
	float: left;
	background: url(footer_fond.jpg) repeat-x;
}
#footer_gauche {
	background: url(footer_fond_gauche.jpg) top left no-repeat;
}
#footer {
	width:912px;
	height: 76px; /*176-100*/
	color: #bfb18e;
	text-align: right;
	padding: 100px 0 0 0;
	background: url(footer_fond_droite.jpg) top right no-repeat;
}
	#footer p img {
		margin-top: 5px;
		vertical-align: middle;
	}
	#footer a {
		color: #642610;
		text-decoration: none;
	}
		#footer a:hover {
			text-decoration: underline;
		}

/*------------------- Pagination ----------------------*/
/*-----------------------------------------------------*/
.pagination {
	clear: both;
	text-align: center;
	padding-top: 40px;
}
	#texte .pagination a, #texte .pagination strong {
		border: 1px solid #ad3f19;
		background: white;
		padding: 1px 4px;
		text-decoration: none;
		color: #d88107;
	}
	#texte .pagination a:hover {
		border: 1px solid #f29400;
		background: #bf5c2a;
		color: white;
	}
	.pagination strong {
		background: #ad3f19 ;
	}

/*----------------- Messages divers -------------------*/
/*-----------------------------------------------------*/
.attention, .confirmation {
	background: #fce5e1 url(attention.gif) 10px 5px no-repeat;
	padding: 0px 5px 5px 50px;
	margin: 1em 1em;
	border: 1px #ff9100 solid;
}
.confirmation {
	background: #F0FFF0 url(confirmation.gif) 10px 5px no-repeat;
	border: 1px #009F00 solid;
}