body {
background-color:#ffffff;
font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:1em;
		color:	#666; 	
	 margin: 0px;
   padding: 0px;
   border:none;
	}
header,nav,footer,article,section,figure { 
	display:block; 
}
#hautrubrique {
/*margin-top:-20px; */
display:table;
width:100%; 
margin-bottom:20px;
	}
	#nomrubrique {
		width:100%;
		text-align:center;
		font-size:20px;
		font-weight:bold;
		margin-bottom:20px;
		
	}
	#placemenu {
		margin-top:40px;
		
	}
.bloc {
	display:block;
	margin-bottom:10px;
/*	margin-left:20px;
	box-shadow: 6px 6px 10px #ddd;*/
}
	#panier1 {
	position: absolute;
	right: 97px;
	top: 170px;
	width: 299px;
	height: 49px;
	z-index: 1;
}
#lienhaut {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 461px;
	height: 118px;
}
#saisielogin {
	position: absolute;
	right: 60px;
	top: 90px;
	width: 461px;
}
.marge {
	padding-top:20px;
	padding-left:0px;
	padding-right:10%;
}
a 	{
	font-weight: bold;
	color:	#00FF00;
	text-decoration: underline;
	}
a:hover {
	font-weight: bold;
	color: #333;
	}
img {
	 	border-radius:5px;
}
.imagette {
box-shadow: 5px 5px 10px #eee;
 margin:5px;
	text-align:center;
	min-width:70px;
	}
h1 { 
	font-size:1.3em;
	font-weight:inherit;
		margin:0px;
	padding:0px;
}
h2 { 
	font-size:1em;
	font-weight:inherit;
		margin:0px;
	padding:0px;
}
h3, h4, h5 {  
	font-size:0.8em;
	display:inline;
	font-weight:inherit;
}
h6 {
	font-size: 0.66em;
	color:	#999999;
	margin:3px;
	padding:0px;
}

.titre {
	height: 30px;
	width: 90%;
	font-size: 17px;
	font-weight: bold;
	text-decoration: none;
	border: none;
	margin: 0px;
	padding-left: 0px;
	padding-top:5px;
	background-image: url('images/titre.png');
	background-repeat:	repeat-x;
	background-position:bottom;
	color:	#666666;
	font-style: italic;
	}


#detailsproduit {
background-image:url(images/fleche.jpg);
background-position:right;
background-repeat:no-repeat;
text-align:right;
padding-right:35px;
color:#89B51E;
font-style:italic;
text-decoration:none;
font-size:0.8em;
}
#ensavoirplus {
	height:30px;
	background-image:url(images/ensavoirplus.png);
	background-position:right;
	background-repeat:no-repeat;
	padding-right:30px;
	padding-top:12px;
	margin-right:10px;
	text-align:right;
	font-style:italic;
	font-size:0.8em;
	color:#666;
}
a.tooltip {outline:none;  text-decoration:none;}
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; 
	/*padding:14px 20px;*/
    margin-top:-270px; margin-left:0px;
     line-height:16px;
}
a.tooltip:hover span{
    display: block;
	 position:absolute; 
    border:3px solid #fff; 

	}
.callout {z-index:20;position:absolute;bottom:300px;border:0;left:-12px;
display:none;}
    
/*CSS3 extras*/
a.tooltip span
{
    border-radius:4px;
    box-shadow: 5px 5px 8px #CCC;
}