/* CSS Document */

body{
	font-family: 'ArialMT', 'Arial', sans-serif;
	color: #4f5150;
	font-size:14px;
	
}
#fond{
	background:url(images/fond.png) no-repeat center top;
	width:1000px;
	height:800px;
}
#menu{
	text-align:left;
	width:500px;
	color:#FFFFFF;
	float:left;
}
#menu ul{
	list-style-image:url(images/etoile.png);
}
#menu li{
	font-weight:bold;
	padding: 1em 0em;
}
.blanc{
color:#FFFFFF;
}
#drapeau{
	padding-top:10px;
	padding-left:250px;
}
#corp{
text-align:left;
margin-left:300px;
width:800px;
}
#footer{
	background-color:#006699;
	color:#FFFFFF;
	text-align:center;
	width:1300px;
	height:50px;
}
.texte_haut{
	width:500px;
	margin-left:400px;
}
.categ{
	width:700px;
	margin-left:250px;
}

.produit{
	text-align:center;
}
.panier{
	margin-top:5em;
	margin-left:350px;
	font-weight:bold;
	color:#317faf;
}
.menu_paiement{
	color: #006699;
	width:700px;
	margin-left:10em;
}
.formu1{
	color:#006699;
	font-weight:bold;
	width:110px;
	padding-left:20px;
}
.formu{
padding:2px 10px 4px 10px;
width:345px;
text-align:left;
background-color: #668CB3;
color:#FFFFFF;
font-weight:bold;

}
input.text{
border:1px solid;
width:255px;
margin-top:3px;
padding:3px 0px 4px 3px;
border-color: #336699;
}

a{
	text-decoration:none;
	color:#4f5150;
}
a.info {
position: relative;
text-decoration: none;
color: black;
}
a.info span {
display: none;
}
a.info:hover {
background: none; /* correction d'un bug IE */
z-index: 500;
}
a.info:hover span {
display: inline;
position: absolute;
top: 2em;
left: 1em;
background:#FFFFCC;
text-align: center;
color: black;
padding: 2px;
width:200px;
font-size:11px;
border:#666666 solid 1px;
}