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

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

html, body {
    height: 100%;
}

/*--------------------Mise en page --------------------*/
/*-----------------------------------------------------*/
body {
	background: #d1eff1;
	text-align: center;
	font-family:  Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
	font-size: 100%;
	color: black;
	position: relative;
}
	#conteneur {
		position: relative;
		width:950px;
		margin: 0 auto;
		text-align:left;
	}
	
	#logo{
		position: absolute;
		z-index: 2;
		top: 0px;
		left: 23px;
		width: 283px;
		height: 212px;
		background: url(decor_d.jpg) no-repeat;
	}
	
	#pdp_herbe {
		width: 950px;
		height: 123px;
		margin: 0 auto;
		text-align: left;
	}
	
	#herbe {
		background: url(herbe.jpg) bottom repeat-x;
	}

#cote_droit {
	width: 803px;
	float: left;
}

/*------- Bandeau -------*/
#bandeau {
	width: 950px;
	float: left;
}

#bandeau_menu {
	width: 147px;
	float: left;
	padding-top: 229px;
}

#bandeau_menu ul {
		list-style-type: none;
	}
		#bandeau_menu li {
			display: block;
			margin: 10px 0 0 5px;
			padding: 0px 0px 18px 0px;
			font-size: 0.9em;
			background: url(menu_fond.jpg) bottom left no-repeat;
		}
		#bandeau_menu li.lien_actif {
			color: #000;
		}
			#bandeau_menu li a {
				color: #fe1e32;
				text-decoration: none;
			}
				#bandeau_menu li a:hover {
					text-decoration: none;
				}

#header {
	width: 803px;
	height: 319px;
	float: left;
	background: url(header_fond.jpg) bottom left no-repeat;
}

	#slogan {
		position: absolute;
		top: 10px;
		right: 20px;
		font-size: 1.4em;
		color: white;
	}
	h1 {
		font-size: 16px;
		padding-top: 10px;
		margin-bottom: 15px;
		color: #73c800;
	}

/*------- Contenu -------*/
#contenu {
	width: 950px;
	float: left;
	background: url(fond_contenu.jpg) repeat-y;
}

/*------- Menu -------*/
#menu {
	float: left;
	width: 147px;
	/*padding-top: 258px;*/
}
	#menu ul {
		list-style-type: none;
	}
		#menu li {
			display: block;
			margin: 10px 0 0  5px;
			padding: 0px 0px 18px 0px;
			font-size: 0.9em;
			background: url(menu_fond.jpg) bottom left no-repeat;
		}
		#menu li.lien_actif {
			color: #000;
		}
			#menu li a {
				color: #fe1e32;
				text-decoration: none;
			}
				#menu li a:hover {
					text-decoration: none;
				}
				
.menu_ssrub {
	width: 147px;
	padding: 0 0 6px;
	margin: 0 0 5px 0;
	background: url(menu_ssrub_fond.jpg) bottom left no-repeat;
}

	#menu .menu_ssrub a {
		font-size: 12px;
		color: #54880d;
		text-decoration: none;
	}

	.menu_ssrub .decallage {
		width: 14px;
		height: 12px;
		float: left;
		margin: 0 4px 0 2px;
	}
	
	.menu_ssrub .decallage.feuille{
		background: url(menu_ssrub_feuille.jpg) no-repeat;
	}

/*------- Newsletter -------*/
#newsletter {
	float: left;
	width: 110px; /*147-18-19*/
	margin-top: 12px;
	padding: 38px 19px 52px 18px;
	background: url(newsletter_fond.jpg) no-repeat;
}

#newsletter p {
	font-size: 12px;
	padding: 0 0 8px 0;
}

#newsletter .boutton {
	width: 26px; /*26-5-5*/
	float: right;
	height: 20px;
	padding: 2px 5px 5px 5px;
	margin: 4px 0 0 0;
	border: 0;
	font-size: 12px;
	background: transparent url(newsletter_boutton.jpg) no-repeat center top;
	overflow: hidden;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

.boutton_aj_panier {
	width: 172px; /*26-5-5*/
	height: 27px;
	float: right;
	/*padding: 2px 5px 5px 5px;*/
	margin: 4px 0 0 0;
	border: 0;
	font-size: 12px;
	background: transparent url(../panier/composants/ajouter_au_panier.jpg) no-repeat center top;
	overflow: hidden;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

/*------- table_produit -------*/
#paybox {
	float:  left;
	margin: 40px 0 0 10px;
}
/*------- table_produit -------*/
.table_produit {
	float: right;
	width:300px;
	border-collapse: collapse;
	border-spacing: 2px;
	margin: 10px 30px 0 30px;
}

.table_produit td {
	padding: 3px;
	
}

.table_produit th {
	text-align: right;
	padding: 3px;
	font-size: 12px;
	color: #65a90a;
}

#txt_indisponible  {
	text-align: center;
	color: red;
}

/*------- Produits -------*/
#liste_produit {
	float: left;
	width: 642px;
	border-collapse: collapse;
	border-spacing: 0px;
}

#liste_produit .produit {
	width: 50%;
	vertical-align: top;
	padding-bottom: 25px;
	text-align: center;
	/*background: url(panier_fond.jpg) bottom no-repeat;*/
}

	.normal {
		background: url(panier_fond.jpg) bottom no-repeat;
	}
	
	.promo {
		background: url(panier_promo_fond.jpg) bottom no-repeat;
	}
	
	.indispo {
		background: url(panier_indispo_fond.jpg) bottom no-repeat;
	}

/*#liste_produit .produit_promo {
	width: 50%;
	vertical-align: top;
	padding-bottom: 25px;
	text-align: center;
	background: url(panier_promo_fond.jpg) bottom no-repeat;
}*/

#texte #liste_produit .titre a {
	font-size: 14px;
	color: #f79100;
	text-decoration: none;
}
#liste_produit .createur a {
	font-size: 12px;
	text-decoration: none;
	color: #73c800;
}

#liste_produit .prix_produit {
	font-size: 14px;
	color: #f79100;
}

#liste_produit .prix_produit_barre {
	font-size: 11px;
	color: #f79100;
	text-decoration: line-through;
}

/*------- Createur -------*/
#createur_tab {
	float: left;
	width: 542px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 10px 0 0 30px;
}

#createur_tab .logo {
	width: 100px;
}

	#texte #createur_tab h2 {
		color: #f79100;
		font-size: 14px;
		margin-bottom: 1em;
		margin: 0px 30px 5px 30px;
	}
	
	#texte #createur_tab h2 a:visited {
			color: #f79100;
		}



/*------- Texte -------*/
#texte {
	float: left;
	width: 642px; /*803-74-87*/
	padding: 8px 87px 20px 74px;
	/*background: url(fond_contenu.jpg) repeat-y;*/
}
	#texte h2 {
		color: #f79100;
		font-size: 14px;
		margin-bottom: 1em;
		margin: 15px 30px 15px 30px;
	}
	#texte h2 a {
		color: #f79100;
		text-decoration: none;
	}
	#texte h3 {
		margin-right: 30px;
		margin-left: 30px;
		margin-bottom: .5em;
		padding-left: .5em;
		padding-right: .2em;
		font-size: .9em;
		background:  #525a73;
		color: white;
	}
	#texte p {
		padding: .7em 30px .7em 30px;
	}
	#texte a, #texte strong, #texte b {
		color: #65a90a;
	}
	
	#texte a.crea {
		text-decoration: underline;
	}
		#texte a:visited {
			color: #65a90a;
		}
		#texte a:hover {
			text-decoration: none;
		}
	#texte ul {
		margin: 5px 15px 15px 65px;
		font-size: .8em;
		list-style-type:  square;
		color: #f79100;
	}

/*------- tableau_diaporama -------*/
#tableau_diaporama {
	width: 170px;
	/*float: right;*/
	padding: 5px;
	margin: 0 0 5px 30px;
	text-align: center;
	border: 2px #fd7a19 solid;
	background-color: #fff4e2;
}

#tableau_diaporama .photo {
	width: 82px;
	height: 80px;
}

#tableau_diaporama .sepa {
	height: 5px;
	font-size: 8px;
}

/*------- Actualités -------*/
.atelier {
	width: 598px; /*639-24-17*/
	min-height: 155px; /*189-24*/
	height:auto !important;
	height:155px;
	padding: 48px 24px 0 17px;
	background: url(atelier_fond.jpg) no-repeat;
}

#actu, .actu {
	width: 598px; /*639-24-17*/
	min-height: 155px; /*189-24*/
	height:auto !important;
	height:155px;
	padding: 48px 24px 0 17px;
	background: url(actu_fond.jpg) no-repeat;
}

	#actu h2, .actu h2, .atelier h2 {
		color: #f79100;
		font-size: 14px;
		margin-bottom: 1em;
		margin: 0 30px 15px 30px;
	}
	
#actu .date, .actu .date, .atelier .date {
	display: block;
	color: #65a90a;
	font-size: 12px;
	margin: -12px 30px 15px 30px;
}

.atelier .inscription {
	width: 530px; /*598-5-5*/
	margin: 10px 0 20px 30px;
	padding: 5px;
	background: #fdf6ec;
	border: #f79100 1px solid;
}

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


/*------- Pied de page -------*/
#pdp {
	clear: both;
	padding: 0 0 0 120px;
}

#pdp_fond {
	background: url(pdp_fond.jpg) repeat-x;
}

#pdp_decor_gauche {
	background: url(pdp_gauche.jpg) left no-repeat;
}

#pdp_decor_droite {
	width: 830px; /*950-120*/
	height: 56px;
	background: url(pdp_droit.jpg) right no-repeat;
}

#pdp_menu {
	width: 730px;
	padding-right: 100px;
	margin-bottom: 15px;
	float: left;
	text-align: center;
	color: #5d9ead;
	font-size: 10px;
}
	#pdp_menu a{
		color: #5d9ead;
		text-decoration: none;
	}

#footer {
	width: 800px;
	display: block;
	float: left;
	color: #1d677f;
	text-align: right;
	font-size: 11px;
}
	#footer p img {
		vertical-align:middle;
	}
	#footer a{
		color: #1d677f;
		text-decoration: none;
	}
		#footer a:hover{
			text-decoration: underline;
		}

/*------- pagination-------*/
.pagination {
	clear: both;
	width: 642px;
	text-align: center;
	margin-top: 15px;
	padding-top: 15px;
	font-size: 12px;
}
	#texte .pagination a, #texte .pagination strong{
		/*border: 1px solid #e1e4ec;
		background: white;*/
		padding: 1px 4px;
		text-decoration: none;
		color: #73c800;
		font-weight: bold;
	}
	#texte .pagination a:hover{
		/*border: 1px solid #e1e4ec;
		background: #f9dcc0;
		color: white;
		font-weight: bold;*/
	}
	.pagination strong{
		font-size: 14px;
		color: #f79100;
	}

/*------- 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;
}

/*------- bloc -------*/