html{ width:100%; }
	body{
		width:100%;
		margin:0px;
		padding:0px;
		margin-right:auto;
		margin-left:auto;
		font-size:100%;
		font-family:Arial, Verdana, Helvetica, sans-serif;
		text-align:center;
		background-color:#c2c3c5;
		background-image:url(../img/fond.jpg);
		background-repeat:repeat-y;
		background-position:top center;
	}

input { font-family:Arial, Verdana, Helvetica, sans-serif;}
#cadie input {width:18px;}

#mainwrap{
	width:1024px;
	position:relative;
	color:#000;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	background-color:#fff;
}
	
#noscript{
	width:1024px;
	position:fixed;
	background-color:#fff;
	font-size:1.2em;
	color:#003f4c;
	z-index:1;
	left:0px;
}
	
	#logo{
		width:337px;
		height:121px;
		float:left;
	}
	#flashLogo{
		width:687px;
		height:124px;
		float:left;
	}
	
	#menuPrincipal{
		position:relative;
		width:1024px;
		height:53px;
		background-image:url(../img/num.png);
		background-repeat:no-repeat;
		background-position:right center;
		background-color:#003F4C
	}
		#elementFlash{
			display:none;
		}
		
	#ecaille{
		background-color:#fff;
		width:1024px;
		height:54px;
		background-image:url(../img/ecaille.png);
		background-repeat:no-repeat;
		background-position:right center;
	}
		
		
	#titre{
		width:1024px;
		background-color:#fff;
	}
	
	#content{
		width:1024px;
	}
		#menuHaut{
			width:173px;
			height:25px;
			background-image:url(../img/hautMenu.png);
			background-repeat:no-repeat;
			background-position:left top;
			float:left;
		}
		#menu{
			width:173px;
			float:left;
			text-align:left;
			background-image:url(../img/ombreMenu.png);
			background-repeat:repeat-y;
			background-position:top right;
		}
		#menu a{
			font-size:.8em;
			text-decoration:none;
			color:#676767;
		}
		#menu ul{
			margin-top:0px;
			list-style-position:outside;
			list-style-type:none;
		}
		#menu li{
			padding:0;
			margin:0;
			margin-bottom:5px;
			list-style-position:outside;
			list-style-type:none;
		}
		#menuBas{
			width:173px;
			height:46px;
			text-align:center;
			background-image:url(../img/ombreMenuBas.png);
			background-repeat:no-repeat;
			background-position:bottom right;
		}
		
		#listeHaut{
			width:574px;
			height:25px;
			margin-left:36px;
			margin-right:28px;
			background-image:url(../img/hautProduit.png);
			background-repeat:no-repeat;
			background-position:left top;
			float:left;
		}
		#liste{
			width:574px;
			float:left;
			margin-left:36px;
			margin-right:24px;
			text-align:left;
		}
		#produit{
			width:574px;
		}
			.lienCss{
				cursor:pointer;
			}
			.cat{
				position:absolute;
				left:209px;
				top:181px;
			}
			.note{
				position:absolute;
				top:231px;
				left:208px;
				font-size:0.7em;
				color:#445986;
				font-weight:bold;	
			}
	
		.paquet {
			width:574px;
			margin-bottom:10px;
		}
	
		.conteneur {
			float:left;
			background-color:white;
		}
		.imgProduit{
			text-align:center;
		}
		.titreProduit{
			margin:0 0 5px 5px ;
			float:left;
			color:#676767;
			font-weight:bold;
			font-size:0.75em;
		}
		.hr {
			float:left;
			margin:0 5px 0 5px;
		}
		hr {
			border-top: 1px dashed #676767;
			border-bottom: 0px dashed #676767;
			height: 1px;
		}
		.descProduit{
			margin:0 0 5px 5px ;
			float:left;
			font-size:0.7em;
			color:#676767;
		}
		.prixProduit{
			margin:0 5px 5px 0 ;
			float:left;
			width:45px;
			color:#003f4c;
			text-align:right;
			font-weight:bold;
			font-size:0.8em;
		}
		.reducProduit{
			margin:0 5px 5px 0 ;
			float:left;
			width:45px;
			text-align:right;
			font-size:0.7em;
			color:#445986;
			font-weight:bold;
		}
	
		#commandeHaut, #infoHaut{
			position:absolute;
			width:217px;
			top:231px;
			right:0px;
			height:25px;
			display: none;
			background-image:url(../img/hautCommande.png);
			background-repeat:no-repeat;
			background-position:right top;
		}
		#commande, #info{
			position:absolute;
			width:217px;
			right:0px;
			text-align:center;
			background-image:url(../img/ombreCommande.png);
			background-repeat:repeat-y;
			background-position:top left;
			display: none;
		}
		
		#ajaxInfo{
			margin:20px 0 0 15px;
		}
		#commandeBas, #infoBas{
			position:relative;
			left:-12px;
			width:217px;
			height:57px;
			display: none;
			text-align:center;
			background-image:url(../img/ombreCommandeBas.png);
			background-repeat:no-repeat;
			background-position:bottom left;
			background-color:white;
		}
		#heureOuvert {
			font-size:0.7em;
			margin-left:8px;
			color:#990000;
		}
		#heureOuvert span {
			font-weight:bold;
		}
		#commandeLigne{ margin:0px 0px 0px 12px; }
			#cadie { margin:5px 5px 0 5px; }
			
			table{ width:100%; }
			#btElement img{ margin:2px; }
			#btElement{ width:40px; }
			td{ vertical-align:middle; margin:5px; border-bottom: 1px dashed #676767; }
			
			td.imgRef{ text-align:center; }
			td.ref{ text-align:left; font-size:.7em; padding:0 5px 0 5px; }
			td.qt{ text-align:center; width:40px; }
			td.qt input{
				font-size:0.7em;
				text-align:center;
			}
			
			td.prix{
				text-align:right;
				font-weight:bold;
				font-size:.7em;
				color:#676767;
				padding:0 0 0 5px;
			}
			#prixTotAff{
				width:auto;
				text-align:right;
				font-weight:bold;
				font-size:.8em;
				color:#003f4c;
				margin-right:7px;
				margin-top:10px;
			}
			#reduction{
				width:auto;
				text-align:right;
				font-weight:bold;
				font-size:.8em;
				color:#003f4c;
				margin-right:7px;
			}
				.livraison { margin-top:12px; }
				.livraison label{
					text-align:left;
					display:block;
					width:100px;
					float:left;
					font-size:0.7em;
					margin:2px 0 0 5px;
				}
				.livraison input{ float:left; }
								
				#champsOption{ margin-top:5px;}
				
				#champsOption table{ font-size:0.8em; width:198px; vertical-align:middle;}	
				
				#champsOption td{ background-color:#d5d5d5; border-bottom: 1px solid #fff;}
								
				#champsOption td a:link, td a:visited, td a:hover, td a:active, td a:active  {
					color:#000; 
					text-decoration:none; 
					background-color:transparent;
					font-size:1em;
				}
				#champsOption td a:hover { background-color:#6d96ff; }
				
				#champsOption .jourSemaine{
					background-color:#6c6c6c;
					color:#c5c5c5;
					font-weight:bold;
				}
				
				#champsOption #date_17, #champsOption #date_27, #champsOption #date_37{
					background-color:#ffb2b2;
				}
				#message{
					text-align:left;
					color:#9A3256;
					padding:5px 5px 5px 5px ;
					font-size:0.7em;
				}
				#champsOption td#heureIndique{ vertical-align:middle; background-color:white; font-size:.8em; }
				#champsOption input#heureIndique {width:40px; font-size:.8em;}
						
	#footer{
		width:1024px;
		height:60px;
		background-color:#fff;
		margin-right:auto;
		margin-left:auto;
		text-align:center;
	}
	/* La méthode clear d'Alsett */
.clearfix:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;}
/* backslash hack hides from IE mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* end backslash hack*/

img { border:none; }
a img { border:none; }
	a:link, a:visited, a:hover, a:active {
		color:#000; 
		text-decoration:none; 
		background-color:transparent;
		font-size:.7em;}
	a:hover, a:active { text-decoration:underline; }

.lienCss:hover{
	color:#fff; 
	text-decoration:none; 
	background-color:transparent;
	font-size:.7em;
}

#liensFooter{
	margin-top:30px;
}
a.lienFooter{
	font-size:0.7em;
	color:#003f4c;
}