/***********************************************************
GENERAL
************************************************************/
body {
	background-image: url(../fond-fours-massena.jpg);
	background-attachment: fixed;
	margin:0px;	
	font-family:Verdana;
}
#main {
	margin-left:151px;
	width:847px;
}
#top {
	width:847px;
	z-index:1;
}
#left {
	float:left;
	width:182px;
	z-index:2;
}

#footer{
	clear:both;
	float:left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;	
}

#center {
	float:left;
	margin-top:5px;
	width:660px;
}

img {
	border-color: #9A3B12
}


a:link, a:visited {
	color: #FF6600;
}
a:hover {
	color: #CC6600;
}
a:active {
	color: #FF0000;
}

h1{
	font-size:16px;
	color:#993001;
	border-bottom: solid 1px #993001;
}

h2{
	font-size:15px;
	text-transform:uppercase;
	font-family:Verdana;
	color:white;
	margin-bottom:0px;
	margin-top:3px;
	border:none;
}

h3{
	font-size:12px;
	font-family:Verdana;
	height:14px;
	color:white;
	margin-bottom:12px;
	margin-top:3px;
}

p{
	font-size:13px;
	font-family:Verdana;
	text-align:justify;
	margin:0px 10px 10px 10px;
	color:#990000;
	padding-top:10px;
}

.readMore{
	position:absolute;
	right:10px;
	bottom:15px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

/***********************************************************
PANEL
************************************************************/
.panel{
	position:relative; 
	padding:5px; 
	background:#fac9a1 url(../img/bg1.gif) repeat-x bottom;
	border:2px solid #B31010;	
	margin:0px 10px 15px 10px;
	/*557C0D*/
}

/* COINS POUR LES PRODUITS */ 
.panel .corner{
	position:absolute; 
	width:5px; 
	height:5px;
	background-image:url(../img/corner1.gif);
}

/* TOP LEFT */ 
.panel .tl{
	top:-2px; 
	left:-2px; 
	background-position:-0px -0px;
}

/* TOP RIGHT */ 
.panel .tr{
	top:-2px; 
	right:-2px; 
	background-position:-5px -0px;
}

/* BOTTOM LEFT */ 
.panel .bl{
	bottom:-2px; 
	left:-2px; 
	background-position:-0px -5px;
}

/* BOTTOM RIGHT */ 
.panel .br{
	bottom:-2px; 
	right:-2px; 
	background-position:-5px -5px;
}



/***********************************************************
CLEAR
************************************************************/
.clear{
	height:1px;
	clear:both;
}

/***********************************************************
ARTICLES
************************************************************/
.articles{
	background-image:url(../img/bg2.gif);
	background-position:top;
	position:relative;
}

.articles .photo{
	float:left;
	width:200px;
	margin:0px 10px 10px 0px;
}

.articles .readMore{
	position:absolute;
	right:10px;
	bottom:15px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

/***********************************************************
ARTICLE
************************************************************/
.article{
	background-image:url(../img/bg2.gif);
	background-position:top;
	position:relative;
}

.article .photo{
	float:left;
	width:270px;
}

.article .photo img{
	margin:0px 4px 10px 4px;
}
/***********************************************************
PRODUIT
************************************************************/
.product{
	float:left;
	width:180px;
	height:190px;
}

.product .photo{
	height:150px;
	background: transparent url('../img/default.jpg') no-repeat center;
}

.product h1{
	font-size:13px;
	text-transform:uppercase;
	font-family:Verdana;
	color:white;
	margin-bottom:0px;
	margin-top:3px;
	border:none;
}

.product p{
	font-size:11px;
	font-family:Verdana;
}

/***********************************************************
DETAIL PRODUIT
************************************************************/
.productDetail{
	background-image:url(../img/bg2.gif);
	background-position:top;
	position:relative;
}

.productDetail .photo{
	float:left;
	width:270px;
}

.productDetail .photo img{
	margin:0px 4px 10px 4px;
}

.productDetail .photo .thumb{
	width:72px;	
}


/***********************************************************
ETOILE
************************************************************/
.product .star{
	background:url(../img/star.png) center;
	position:absolute;
	right:-6px;
	top:-20px;
	width:70px;
	height:70px;
	line-height:70px;
	font-size:13px;
	text-align:center;
	font-weight:bold;
	font-family:Arial;
}

/***********************************************************
BULLE
************************************************************/
#tooltip.bubble {
	font-family: Arial;
	font-size:10px;
	border: none;
	width: 210px;
	padding:20px;
	height: 135px;
	opacity: 0.8;
	background: url('../img/shadow.png');
}
#tooltip.bubble h2 {
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	font-size: 10pt;
	width: 220px;
}
#tooltip.bubble div { width: 220px; text-align: left; }

#tooltip.fancy {
	background: url('../img/shadow2.png');
	padding-top: 5em;
	height: 100px;
}
#tooltip.fancy.viewport-right {
	background: url('../img/shadow2-reverse.png');
}

/***********************************************************
PHOTO HOME
************************************************************/
.photoHome{
	float:right;
	border: solid 1px #993001;
	margin-top:15px;
	margin-left:15px;
	margin-bottom:15px;
}