/* General rules */

	/* reset of rules */
	*{
		margin: 0;
		padding: 0;
		font-size: 100%;
		font-family: Arial;
		}

	/* Centered theme */
	body{text-align:center; background:url('bg.jpg') 0 0 repeat-x #73705E;}
	div#site{
			width:960px;
			margin:0 auto;
			text-align: left;
			font-size:0.95em;
			background: url('middle.jpg') 0 0 repeat-y;
		}
	div#head{text-align:center;}
	div#footer{
			clear: both;
			width: 100%;
			background: url("bottom.jpg") 0 0 no-repeat #73705E;
			padding-top: 35px;
			color: #FFF;
			text-align: center;
		}

/* particular rules for the project */

	/* balise style */
	
	pre{width:100%; overflow: auto; line-height:1.275em;}
	div#page h2{ font-size:2em; padding:0; margin-bottom:1em;}
	#page ul{ margin:1em 0 1em 2em;}
	#page ul li{margin-left:1em; line-height:1.275em;}
	div#page p{line-height:1.5em; margin:1.5em 0;}
	a img{ border:0; margin-bottom:-4px; margin-right:4px;}
	a{text-decoration:none; color:#999; }
	a:hover{color:#000;}
	#page p, #page ul, #page li, #page label, #page blockquote, #page table, #page h3, #page h4{ color : #202E4D;}
	
	h2#titre{
			text-align: center;
			display: block;
			margin: 0 0 2em 0;
			padding:0;
		}
	
	/* Style for general form */
		form input {margin:1em; display: block;}
		fieldset{border:1px solid #666; padding:1em; margin-top: 2em;}
			fieldset.large{width:800px; margin:auto;}
			fieldset.normal{width:600px; margin:auto;}
			fieldset.small{width:400px; margin:auto;}
		fieldset legend{margin:0px 4px 0 4px; padding:2px 8px; border:1px solid #666;}
		fieldset label, fieldset input, fieldset textarea, fieldset select{ display: block;}
		fieldset label{margin:1em 0 0.5em 0; font-size:1em; clear: both;}
		fieldset textarea, fieldset input, fieldset select{ border:1px solid #202E4D; margin-left:1em;}
		fieldset input { width:300px; margin:3px inherit;}
		input.checkbox { width:1em; padding:0; margin:0;}
		fieldset input, fieldset textarea{ padding:3px;}
		#commande fieldset{border: 0; margin: 0; padding: 0 0 0 1em;}
		#commande input {width: auto; margin:0;}
		#commande tr td{ padding: 0px 1em; text-align: center;}
		#commande tr td input, #commande tr td select{padding:2px 0 0 0; width: auto;}

	/* general menu */
	div#head{
		background: url("top.jpg") 0 0 no-repeat;
		margin-bottom: 30px;
		}
	div#head h1{
			height: 196px;
		}
  span#panier{
      position: absolute;
      top:160px;
      width: 300px;
      left: 50%;
      margin-left: 180px;
    }
	div#head h1 span{
		color: #73705E;
	}
	div#menu{
			height: 44px;
			margin-left: 20px;
		}
	div#menu ul li{
			margin: 0;
			float: left;
			display: block;
			list-style-type: none;
		}
	div#menu ul li a{
			text-decoration: none;
			display: block;
			float: left;
			padding: 0 10px;
			line-height:40px;
		}
	div#menu ul li a.active{
			background: #b2af9b;
			color: #4c586b;
		}
	div#menu ul li a:hover{
			background: #b2af9b;
			color: #4c586b;
		}
	/* Cat submenu */
	#productsubmenu{float:left; width:190px; margin-left:25px;}
	#productsubmenu h3{text-align: left; margin-bottom:1em; margin-top:-2em;}
	#productsubmenu ul{list-style-type: none; margin: 0; }
	#productsubmenu ul li{ line-height: 1.5em; margin: 0; color: #566f89; font-weight: bold;}
	#productsubmenu ul li.active{ line-height: 1.5em; margin: 0; font-weight:bold;}	
	#productsubmenu ul li.active ul li{ font-weight:100;}	
	#productsubmenu ul li ul li{ line-height:1.2em; padding-left:1.5em; font-weight: normal;}
	#productsubmenu ul li ul{ padding-bottom:1.5em;}	
	#productsubmenu ul li a{ display: block; color: #566f89; }
	#productsubmenu ul li a.active{ color:#24507e; font-weight:bold; text-decoration: underline;}
	#productsubmenu ul li a:hover{ color:#24507e; text-decoration: underline; }

	/* Cat list*/

	.ProductCat{ float: left; width:215px; padding:0.5em 0 0 0; text-align: center;}
	.ProductCat img{height:150px; width:150px; display: block; margin:0 auto 0.5em auto; border:5px solid #FFF;}
	.ProductCat a{text-decoration:none;}
	.ProductCat a span{ color: #73705E; background: #FFF; padding:3px 2px 2px 2px; }
	.ProductCat a:hover span{ color: #FFF; background: #73705E}
	.ProductCat a:hover img{ border-color: #73705E;}

	/* ProductDetailsContainer */
	#page #contentProduct{
			float:right; 
			width:650px;
			margin:0 40px 12px 0;
		}
	
	#page #contentProduct h3{
		margin:2em 0 1em 0;
		}
	
	#page #content{
			float: left; 
			width:900px;
			margin: 0 25px;
		}
	#page div#dinerApp{ text-align: center; display: block; float:right; width: 155px;}
	#page div#dinerApp img{ float: right; clear: right; padding: 0 0 1em 1em;}
	#page #diner_desc{ margin: 0 2em 0 4em; }
	/* productDisplay */
	#productImgList{
			float: right;
			display: block;
			width: 340px;
			margin: 0em 0em 0 2em;
			text-align: left;
	}

	#productImgList a img{
		border: 5px solid #FFF;
		}

	#productImgList a:hover img{
		border: 5px solid #73705E;
		}

	#productImgList img{
		margin-bottom: 5px;
	}

	#productImgList img#productMainImg{
		margin-bottom: 15px;
		}

	#sizePriceListPublic{
		margin-top: 1.25em;
	}

	#sizePriceListPublic .borderleft{ border-left:1px solid #777; }

	#sizePriceListPublic th{
		text-align: right;
		border-right: 1px solid #202E4D;
		border-top: 1px solid #202E4D;
		padding: 0.25em 0.5em;
		}
	
	#sizePriceListPublic td{
		padding: 0.25em 0.5em;
		border: 1px solid #202E4D;
		border-width: 1px 1px 1px 0;
		text-align: center
		}

  #commandeProduct label, #commandeProduct legend{color: #E4DED7;}
  #commandeProduct legend{border-color: #E4DED7;}

	/* Admin Product Edit*/

		.appImgEditProduct{ float: left;}
		.appImgEditProduct img{margin:0;}
		.appImgEditProduct img.normal{border:5px solid #FFF;}
		.appImgEditProduct img.default{border:5px solid red;}
		.appImgEditProduct p{margin:0; padding:0; text-align: center; line-height: 1em;}
		.descItemSize{ display: block; margin-top:1em; margin-left:1em;}

	/* Admin product Add */
		#listPrixInput input{width:90%; margin-left:0; margin-top:5px;}
		#listPrixInput th{text-align:center;}
		#listPrixInput {margin-left:1em;}
		
	/* Presse Style */
	.presseContainer{ padding: 2em 0; }
	.presseContainer h3{ font-size: 1.5em; display: block; padding: 5px; }
	p.presseInfo{ margin: 0; font-style: italic }
	.presseImgContainer{ width: 850px; margin: auto; text-align: center; }