/********************************************************
CSS pour le Marché Lacroix
Création du css : Martin Durette
Date : Juin 2009
Une réalisation de Conceptö
********************************************************/


/********************************************************
	Styles de base 
********************************************************/
	body{margin:0; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:12px; background:#dfd1a1}
	a{outline:none}
	.clear{clear:both}
	
	
	
	#contenant{margin:20px auto; width:955px; background:url(../images/bg_main.jpg)}
	#contenant2{margin:0; width:955px;}
	#left{float:left; margin:200px 0 0 0; width:380px; border:0px solid #f00}
	#right{float:left; margin:200px 0 0 0; width:550px;}
	
	#texte.salade{margin:360px 60px 20px 60px; padding:20px; border:1px solid #c01d1d;}
		#texte.salade p{margin-top:0; padding-top:0; color:#c01d1d}
	#texte.dessert{margin:0 60px 0 60px; padding:20px; border:1px solid #c01d1d;}
		#texte.dessert p{margin-top:0; padding-top:0; color:#c01d1d}



/********************************************************
	Header
********************************************************/
	#header{position:relative; margin:0; padding:0; top:0; left:0; width:955px;}
		#header_print{display:none}
		#menu{position:absolute; margin:0; top:98px; left:27px; border:0px solid #000; z-index:5}
		#menu ul{padding:0; margin:0; list-style:none}
		#menu ul li{display:inline; color:#ce9c32}
		#menu ul li a{font-weight:bold; color:#ce9c32; text-decoration:none; font-size:0.8em; text-transform:uppercase}
		#menu ul li a:hover{color:#fff}
		
		#shadow{position:absolute; margin:0; top:0; left:627px; width:328px; height:320px;}
		#top{position:absolute; margin:0; top:0; left:627px; width:328px; height:320px; text-align:right}
		#admin{position:absolute; margin:0; top:-15px; left:700px; width:250px; text-align:right}
			#admin a{color:#AE2424; text-decoration:none}
			#admin a:hover{color:#fff; text-decoration:underline}

/********************************************************
	Main
********************************************************/
	#main{position:relative; margin:-2px 0; padding:0; top:0; left:0; width:955px; background:url(../images/bg_main.png) repeat-y 0 0; border-top:0px solid #000;}
		#enfaim{position:absolute; margin:0; top:20px; left:50px; width:136px; height:112px;}
		#date{position:absolute; margin:0; top:150px; left:355px;}
			#date p{text-transform:uppercase; font-weight:bold; font-size:1.3em; color:#ce9e32}
			#date p a{color:#6a4b2a; font-size:11px; text-decoration:underline}
			#date p a:hover{color:#AE2424}
		#titre_1{position:absolute; margin:0; top:50px; left:250px;}
		#titre_2{position:absolute; margin:0; top:50px; left:250px;}
		#titre_3{position:absolute; margin:0; top:50px; left:250px;}
		#titre_4{position:absolute; margin:0; top:50px; left:250px;}
		#titre_5{position:absolute; margin:0; top:50px; left:250px;}
		#texte{position:relative; padding:0; z-index:10}
			#texte h1{color:#AE2424; line-height:150%; letter-spacing:0.1em; text-transform:uppercase; font-size:1.6em}
			#texte h2{color:#6a4b2a; line-height:150%; letter-spacing:0.1em; font-size:1.3em}
			#texte p, #texte li{color:#6a4b2a; line-height:150%}
			#texte a{color:#AE2424; text-decoration:none}
			#texte a:hover{color:#473218; text-decoration:underline}
			#texte fieldset{border:1px solid #c01d1d; padding:10px; -moz-border-radius: 1em}
			#texte fieldset legend{color:#c01d1d}
			#texte table th{background:#6a4b2a; color:#fff; text-align:center; font-weight:normal; padding:5px}
			#texte table td{color:#6a4b2a; padding:3px}
			#texte table td p{padding:0px; margin:0px}
			#texte table.menuinfo{background:#ce9e32; margin-top:20px; text-align:center}
				#texte table.menuinfo td{color:#fff; }
		#sousmenu{position:absolute; margin:0; top:104px; left:560px; border:0px solid #000}
			#texte.pos_accueil2{ margin:80px 0 0 250px; width:437px;}
			#texte.pos_accueil{ margin:170px 0 0 350px; width:550px;}
			#texte.pos_menu{ margin:200px 0 0 250px; width:700px;}
			#texte.pos_buffet{ margin:200px 0 0 350px; width:550px;}
		
		#photo{position:absolute; bottom:0; z-index:5}
			.accueil{width:319px; height:300px;}
			.produits{width:285px; height:359px;}
			.services{width:236px; height:359px;}
			.contact{width:285px; height:359px;}
			.menu{width:216px; height:359px;}
		#accueil_1{position:absolute; margin:0; top:50px; left:250px; z-index:5}
		#accueil_2{position:absolute; margin:0; top:170px; left:530px; z-index:5}
		#accueil_3{position:absolute; margin:0; top:290px; left:200px; z-index:5}
		#accueil_4{position:absolute; margin:0; top:340px; left:680px; z-index:5}
		#accueil_5{position:absolute; margin:0; top:470px; left:300px; z-index:5}
		
		#spacer{width:550px; height:1px}


/********************************************************
	Footer
********************************************************/
	#footer{position:relative; margin:0 auto; padding:10px; top:0; left:0; width:915px; z-index:4; text-align:center}
		#footer p {color:#473218; margin-top:0}
		#footer a{color:#AE2424; text-decoration:none}
		#footer a:hover{color:#fff; text-decoration:underline}
		#footer_img{display:block}