/*
	Nom : La Maison des Aromes
	Web : www.lamaisondesaromes.fr
	Feuille CSS de la structure du site
	Auteur : Dominique Girolt <dominiquegirolt@hotmail.com>
	Copyright 2007 www.dominique-girolt.fr
*/

body {
	width : 980px;
	background-color : #DDCBBA;	
	margin : auto;
	margin-top : 5px;
	margin-bottom : 5px;
	text-align : center;
	font-size : 10pt;
	font-family : 'Trebuchet MS';
}
p, div {
	margin: 0; padding: 0;
}
/* Design principale du site <div> */
#header {
	width : 980px;
	background : #DDCBBA;
	height: 100px; position: relative;
}
#slogan {
	position: absolute; top: 0; right: 0;
	font: bold 1.1em Arial;
	background: #FBEFFF; opacity: 0.5; filter:alpha(opacity=50);
	color: #000; padding: 2px 5px;
}
#menu {
	width : 980px;
	height : 30px;
}
#page {
	width : 980px;
	min-height : 400px;
	background : #ffffff;
}
#colonne_gauche {
	float : left;
	width : 160px; background-color: #FCFFCF;
	padding: 0 0 5px 0;
}
	/** search **/
	#search {
		text-align: left;
		margin-bottom: 7px;
		padding: 3px 5px 5px 5px;
		background-color: #FFEC9F;
	}
	#search .title {
		margin: 5px 0 5px 0; color: #9E1414;
		font-weight: bold; font-size: 1.2em;
	}
	
	/** Liste des cat�gories **/
	div#categories { text-align: left; }
	div#categories .title {
		margin: 5px 0 5px 0; color: #9E1414;
		font-weight: bold; font-size: 1.2em;
		padding: 0 5px;
	}

	/* fond blanc pour le menu */ 
	div#categories a { color: #000000; }
	div#categories ul { padding: 0; margin: 0; }
	
	/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
	div#categories li:hover { background: #ffffaa; }
	div#categories li.sousmenu:hover { font-weight: bold; }
	
	div#categories ul ul li.soussousmenu {
	    padding: 5px; width: 210px; float: left; height: 70px;
	}
	div#categories ul ul li.soussousmenu:hover {
	    background: #ffffaa;
	}
	div#categories ul ul li.soussousmenu img { border: 0 none; width: 75px; float: left; margin-right: 5px; vertical-align: middle; }
	div#cetegories ul ul li a { padding: 0px; }
	
	div#categories ul li {
		position: relative; list-style: none; z-index: 200;
	}
	div#categories ul ul {
		position: absolute; top: 0; left: 160px;
		display: none; background-color: #9D6628;
		width: 440px; z-index: 200;
		border: 1px solid #F2A965;
	}
	
	/* on rajoute une bordure a gauche et des padding, on doit donc r�ajuster la taille 100-(8 de bordure + 8 de padding) =84 */ 
	div#categories li a {
		text-decoration: none; padding: 5px; display: block;
	}
	div#categories ul.list_family li.sousmenu:hover ul.list_category {
		display: block; background-color: #ffffcc;
	}
	
	/* la bordure de chaque hauteur a une couleure de survol*/ 
	div#categories li a:hover { }
	div#categories ul ul li a:hover { }

#colonne_droite {
	float: right;
	width: 160px; background-color: #FFFFEF;
	padding: 5px 7px;
}
	#colonne_droite .title, #colonne_gauche .title-facebook {
		margin: 7px 0 5px 0; color: #9E1414; font-size: 1.2em;
		text-align: left; font-weight: bold;
	}
	#colonne_gauche .fan-bloc {
		padding: 0 5px 0 7px; background-color: #3B5998;
		margin: 10px 0 0 0; border-bottom: 3px solid #3B5998;
	}
	#colonne_gauche .title-facebook {
		color: #fff;
	}
#content {
	width : 615px !important;
	width : 590px;
	min-height : 300px;
	margin : 10px 175px 0 175px;
	text-align : justify;
}
#footer {
	color: #666;
	width: 980px; padding-top: 5px;
	height: 100%;
	font: normal 8pt Verdana;
}
	div#footer ul { padding: 0; margin: 0; float: left; width: 200px; }
	
	/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
	div#footer li:hover { font-weight: bold; }
	div#footer li.footer_family:hover { font-weight: bold; }
	
	/* Rajout d'une petite fleche pour les sous menu */ 
	div#footer li.footer_family a { color: #000; }
	
	div#footer ul li { list-style: none; }
	
	/* on rajoute une bordure a gauche et des padding, on doit donc r�ajuster la taille 100-(8 de bordure + 8 de padding) =84 */ 
	div#footer li a { text-decoration: none; padding: 5px; display: block; }

/** defaut **/
/* Formulaire */
form {
	margin : 0;
	padding : 0;
}
/* Les titres <h.> */
h1, h2, h3, h4 {
	color: #9E1414;
}
h1.home {
	font-size: 1.4em;
}
h1 {
	text-align: left;
	margin: 0; padding-bottom: 10px;
}
h3 {
	margin: 0; padding-bottom: 7px;
}
/* titre produit */
h4 {
	margin : 0px;
	padding-bottom : 5px;
}
/* Fieldset */
fieldset {
	padding : 10px;
	border : solid 1px #cccccc;
}
legend {
	color : #008033;
	border-left : solid 1px #cccccc;
	border-right : solid 1px #cccccc;
	padding : 0 10px;
	font : bold 11pt 'Arial';
}
fieldset input[type="text"], fieldset input[type="password"] {
	border : #cccccc 1px solid;	
}
fieldset input:hover[type="text"], fieldset input:hover[type="password"], 
	fieldset input:focus[type="text"], fieldset input:focus[type="password"] {
	border : #999999 1px solid;
	background-color : #ffe2bf;	
}
/* Les images */
img {
	vertical-align : middle;
}
/* Les tableaux */
th {
	background-color : #fbcf9d;
	text-align : center;
}
/* Les Labels */
label.prix {
	display : inline;
	float : left;
	text-align : left;
	width : 70px;
}
label.coordonnees {
	display : inline;
	float : left;
	text-align : left;
	width : 100px;	
}
form#espace-pro label, form#cnx-espace-pro label {
	display : inline;
	float : left;
	text-align : left;
	width : 100px;	
}
/* Les Styles */
.message:first-letter {
	font : bold 16pt 'Arial';
	margin-left : 25px;
}
.message p {
	padding: 3px;
}
.date {
	font : normal 10pt Arial;
}
.infos_contact {
	margin-left : 75px;
	font : normal 10pt 'Verdana';
}
.panier_vide {
	text-align : center;
	margin-top : 20px;
}
/* Panier */
.tbl_etape {
	font : bold 10pt Verdana;
	text-align : center;
	color : #fbcf9d; 	
}
.etape {
	font : bold 12pt Verdana;
	color : #cd6906;
}

/** accueil **/

.index-header {
	height: 70px; text-align: center; padding: 0 70px;
}
	.index-header ul {
		list-style: none; padding: 0; margin: 0; height: 70px;
	}
		.index-header ul li {
			margin-right: 7px; position: relative;
			float: left; text-align: left;
			height: 76px; width: 110px;
		}
			.index-header ul li a {
				text-decoration: none;
			}
				.index-header ul li div {
					position: absolute; bottom: 0; left: 0; color: #fff;
					font-weight: bold; font-size: 1.2em;
				}
				.index-header ul li img {
					border: 3px solid #fff;
				}
				.index-header ul li img:hover {
					border: 3px solid #FFEC9F;
				}
			
.index-presentation {
	height: 45px; margin: 15px 0 5px 0; text-align: center;
}
	.index-presentation ul {
		list-style: none; margin: 0 0 0 10px; padding: 0;
	}
		.index-presentation ul li {
			margin-right: 15px;
			float: left; text-align: left;
			height: 40px;
			width: 140px;
		}
		.index-presentation ul li.last {
			margin-right: 0; width: 130px;
		}
		.index-presentation ul li.exclu {
			width: 145px;
		}
			.index-presentation ul li img {
				padding: 0 5px 5px 0; float: left;
			}

.best_seller {
	padding: 0 7px 7px 7px; margin: 10px 0;
	height: 320px; text-align: left;
	border: 1px solid #efefef; background-color: #FFFCEF; -moz-border-radius: 5px;
}
	.best_seller h2 {
		margin: 0 0 10px 0; padding: 0; font-size: 1.5em;
	}
	.best_seller h2 a {
		width: 300px; padding: 0 25px; background-color: #efefef;
	}
	.best_seller h2 a.link_active {
		color: #9E1414; background-color: #FFFCEF;
	}
.best_seller .product {
	float: left; margin: 0 5px 7px 0; width: 285px; height: 90px;
}
	.best_seller .product .visual {
		float: left; height: 90px; width: 130px; text-align: center;
		position: relative;
	}
		.best_seller .product .visual img {
			height: 85px; border: 0 none;
		}
		.best_seller .product .visual .title_category {
			position: absolute; left: 0; bottom: 3px; font: bold 0.8em Arial;
			background: #efefef; opacity: 0.7; filter: alpha(opacity=70);
			width: 125px; padding: 2px;
		}
			.best_seller .product .visual .title_category a {
				color: #000; text-decoration: none;
			}
	.best_seller .product .infos {
		font-weight: bold; font-size: 1.1em; padding: 5px;
		margin-left: 135px;
	}
		.best_seller .product .infos a {
			color: #666666;
		}
		.best_seller .product .infos .price {
			color: #9E1414; font-size: 1.2em;
		}
/*** Listing produits ***/
.list_product {
	float: left; width: 190px; text-align: center;
	border: 1px solid #ccc; margin: 2px 6px 7px 6px;
	-moz-border-radius: 7px; border-radius: 7px; -webkit-border-radius: 7px; -o-border-radius: 7px;
}
	.list_product .data {
		padding: 5px;
	}
		.list_product .data .title {
			font-size: 1.1em;
			margin: 0; height: 40px; font-weight: bold;
		}
		.list_product .data .title a {
			color: #666; text-decoration: none;
		}
		.list_product .data .title a:hover {
			text-decoration: underline;
		}
		.list_product .data .visual {
			height: 100px; margin-bottom: 5px; position: relative;
		}
			.list_product .data .visual img {
				height: 100px; border: 0 none;
			}
			.list_product .data .visual .title_category {
				position: absolute; left: 0; bottom: 0; font: bold 0.8em Arial;
				background: #efefef; opacity: 0.7; filter: alpha(opacity=70);
				width: 170px; padding: 2px;
			}
				.list_product .data .visual .title_category a {
					color: #000; text-decoration: none;
				}
		.list_product .data .infos {
			height: 20px; font-size: 0.8em;
		}
			.list_product .data .infos a {
				color: #666;
			}
	.list_product .add_to_cart {
		height: auto; text-align: left; background-color: #eee; padding: 5px;
	}
	    .list_product .add_to_cart .details {
	        font-size: 0.9em;
	    }
		.list_product .add_to_cart .price {
			float: right; color: #ff0000;
			font-weight: bold; font-size: 1.2em;
		}
		.list_product .add_to_cart .price del {
			font-size: 0.8em; font-weight: normal;
			color: #333;
		}
		.list_product .add_to_cart a {
			color: #555; text-decoration: none;
		}
		.list_product .add_to_cart img {
			height: 16px;
		}
		.list_product .add_to_cart .out_of_stock {
			color: #ff0000;
		}
/*** Fin listing produits ***/

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

#map {
	color: #373737; font-size: 0.8em; margin: 0 0 5px 0;
}
	#map ul {
		margin: 0; padding: 0; list-style: none;
	}
		#map ul li {
			display: inline; color: #373737;
		}
			#map ul li h3 {
				display: inline; margin: 0; padding: 0; font-size: 1em;
			}
			#map ul li h3 a {
				color: #373737; text-decoration: none;
				font-weight: normal;
			}
			#map ul li h3 a:hover {
				text-decoration: underline;
			}

/*** fiche produit ***/
#details_product {
	height: 450px;
}
	#details_product h1 {
		color: #9E1414;
	}
	#details_product #visual {
		float: left; width: 300px; padding: 0 5px;
	}
		#details_product #visual .photo {
			width: 290px;
		}
		#details_product #visual img {
			border: 0 none;
		}
		#details_product #visual #zoom {
			text-align: right;
		}
		#details_product #visual #category {
			text-align: left; margin: 30px 0 0 0;
			font-size: 0.9em;
		}
			#details_product #visual #category a {
				color: #9E1414;
			}
	#details_product #infos {
		float: right; width: 280px; margin: -20px 0 0 0;
	}
			#details_product #infos #btn_add_to_cart {
				padding: 5px 7px; margin: 5px 0 5px 60px;
				border-radius: 10px; -moz-border-radius: 10px; width: 180px; text-align: center;
			}
			#details_product #infos #btn_add_to_cart a {
				color: #f60; font-weight: bold; font-size: 1.1em;
				text-decoration: none; padding-left: 5px;
			}
			#details_product #infos #btn_add_to_cart a:hover {
				color: #9E1414;
			}
			#details_product #infos img {
				border: 0 none; height: 25px;
			}
			#details_product #infos #promo_title {
				background: url('../medias/images/icones/promo.png') left center no-repeat;
				padding-left: 25px; font-weight: bold; color: #9E1414;
				font-size: 1.1em;
			}
			#details_product #infos #prices {
				margin: 7px 0 0 5px; padding: 0;
				list-style: none;
			}
				#details_product #infos #prices li {
					font-size: 1.3em; font-weight: bold; color: #9E1414;
				}
					#details_product #infos #prices li span {
						font-size: 0.8em; font-weight: normal;
					}
					#details_product #infos #prices li .promo {
						text-decoration: line-through;
						font-weight: normal; margin-right: 5px;
						font-size: 0.8em; color: #333;
					}
		#details_product #infos #description {
			text-align: left; margin: 15px 0;
		}
				#infos #description ul {
					padding: 0 10px; margin: 7px;
				}
				#infos #description p, #ingredients p, #preparation p {
				    line-height: 1.3; padding: 5px 0;
				}
/*** colonne droite ***/
ul.marches, ul.manifestations {
	margin: 0; padding: 0;
	list-style: none;
}
	ul.marches li, ul.manifestations li {
		padding: 5px 0;
		border-bottom: 1px solid #efefef;
	}
/*** tag cloud ***/
#tag_cloud  {
	padding: 2px;
}
	#tag_cloud .title {
		padding: 0 3px;
		margin: 5px 0 5px 0; color: #9E1414;
		font-weight: bold; font-size: 1.2em;
		text-align: left;
	}
	#tag_cloud .tag {
		padding: 3px; color: #9D6628;
	}
	#tag_cloud .tag_xl {
		font-size: 2em;
	}
	#tag_cloud .tag_l {
		font-size: 1.6em;
	}
	#tag_cloud .tag_m {
		font-size: 1.3em;
	}
	#tag_cloud .tag_s {
		font-size: 1em;
	}
	#tag_cloud .tag_xs {
		font-size: 0.7em;
	}
/*** Franco ***/
#franco_infos {
	padding: 5px;
	border-top: 1px solid #FFEB8F;
	border-bottom: 1px solid #FFEB8F;
	background-color: #FFFFEF;
}
#franco_offer span.important, #franco_infos span.important {
	font-weight: bold; color: #ff0000;
}
#franco_offer {
	padding: 5px; border: 1px solid #ffcc00;
	background-color: #FFF9D7;
}
.same_category h2 {
	font-size: 1em; margin: 3px 0 0 0; padding: 0;
}

/** menu **/
/* menu principale en haut */
#menu ul {
	margin : 0;
	padding : 0;
	float : left;
	font : bold 10pt 'Trebuchet MS';
	width : 100%;
	background-color : #F2A965;
}
* html #menu ul { /*r�gle pour IE seul*/
	width : 99%;
}
#menu ul li {
	display : inline;
}
#menu ul li a {
	float : left;
	color : #000000;
	padding : 5px 15px;
	text-decoration : none;
}
#menu ul li a:hover {
	color : #ffffff;
	background-color : #cd6906;
}

/** pagination **/
div.pagination {
	text-align : center;
	padding : 5px;
	margin : 7px 0 7px 0;
}
a.pagination_select {
	color : #f70000;
	font-weight : bold;
	text-decoration : none;
}
a.pagination {
	color : #0057f7;
}

/** liens **/
/* Les liens hypertexte */
a {
	color : #0000ff;
}
a:hover {
	color : #995000;
	text-decoration : none;
}
a.special {
	color : #ff0000;
}
a.special:hover {
	text-decoration : none;
}
a.footer {
	color : #666;
}
a.footer:hover {
	color : #666;
	text-decoration : none;
}
a.sousmenu {
	text-align : left;
	font : normal 9pt Arial;
	text-decoration : none;
	color : #000000;
}
a.sousmenu:hover {
	color : #995000;
	text-decoration : underline;
	font-weight : bold;
}
a.suite_menu {
	text-align : center;
	text-decoration : none;
	font : normal 9pt Verdana;
	color : #ffffff;
	line-height : 25px;
	width : 148px;
}
a.suite_menu:hover {
	color : #ffffff;
	text-decoration : underline;
}
a.retour {
	color : #fbcf9d;
	text-decoration : none;
}
a.retour:hover {
	color : #cd6906;
	text-decoration : none;
}
a.article_panier {
	color : #000000;
}
a.article_panier:hover {
	color : #cd6906;
	text-decoration : none;
}

h2 a, a.description {
	color: #333333;
	text-decoration : none;
}
h2 a:hover, a.description:hover {
	color: #666666;
	text-decoration : underline;
}

#facebox-cart {
	width: 800px;
}
#facebox-cart tr td {
	padding: 5px; vertical-align: top;
}

.message_news {
	padding: 5px 10px; background: #FFEC9F; border: 1px solid #ffcc00;
	-moz-border-radius: 5px; border-radius: 5px;
}

#encart_promo {
	margin-bottom: 15px; text-align: left;
}
	#encart_promo .list_promo {
		padding: 0 0 7px 0;
	}
	#encart_promo .promo_title a {
		font-weight: bold; color: #333; text-decoration: none;
	}
	#encart_promo .promo_title a:hover {
		text-decoration: underline;
	}

#nbPersonne { margin: 5px 0; font-size: 0.9em; text-align: right; }
#resume { margin: 5px 0; background: #efefef; padding: 7px; }
.titreRecette { font-size: 1.1em; font-weight: bold; color: #f60; margin: 10px 0 5px 0; }
#ingredients { }
#preparation { }
.backRecette { text-align: right; margin-top: 15px; }