body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

body {
	background-color: #D4CEA7;
	margin: 0px;
}

p {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #583D2C;
}

a:link, a:visited, a:active, a: visited {
	color: #583D2C;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #000000;
	text-decoration: none;
}

form {
	margin: 0;
}

h1, h2, h3, h4, h5 {
	margin: 5px 0px 5px 0px;
}

img, div, a { 
	behavior: url(iepngfix.htc); 
	border: solid 0px #000000;
}

.header {
	background-color: #336699;
	background-image: url(grfx/header.jpg);
	vertical-align: middle;
	text-align: center;
	color: #FFFFFF;
	height: 157px;
	font-size: 20px;
	font-weight: bold;
}

.menu {
	/*background-color: #EEEEEE;*/
	padding: 10px 0px 10px 10px;
	width: 120px;
	vertical-align: top;
	text-align: center;
}

.menu li {
	background-image: url(grfx/bt.gif);
	background-repeat: no-repeat;
	font-size: 13px;
	font-family: Comic Sans MS, Verdana, Helvetica, sans-serif;
	list-style-type: none;
	display: block;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 24px;
	width: 120px;
}

.menu li a:link, .menu li a:visited, .menu li a:active {
	color: #594131;
	text-decoration: none;
	font-weight: bold;
	height: 24px;
	width: 120px;
	list-style-type: none;
	display: block;
	padding: 1px 0px 0px 0px;
}

.menu li a:hover {
	background-image: url(grfx/bt_on.gif);
	background-repeat: no-repeat;
	color: #3B80C8;
	text-decoration: none;
	font-weight: bold;
	height: 24px;
	width: 120px;
	list-style-type: none;
	display: block;
}

.menu_current {
	background-image: url(grfx/bt_on.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	height: 24px;
	width: 120px;
	list-style-type: none;
	display: block;
}

.highlight {
	background-color: #D0D0D0;
}

.content {
	/*background-color: #FFFFFF;*/
	padding: 10px 40px 20px 20px;
	vertical-align: top;
	text-align: left;
	line-height: 18px;
	height: 500px;
	overflow: auto;
}

.Bg {
	background-color: #DDDDDD;
	background-image: url(grfx/bg.jpg);
	background-repeat: no-repeat;
	text-align: center;
	font-size: 10px;
	height: 567px;
}

.Quebec {
	width: 427px;
	height: 107px;
	background-image: url(/media/boutique/livraison_au_Quebec.gif);
	background-repeat: no-repeat;
	text-align: right;
}

.PayButton {
	margin: 0px 5px 0px 0px;
	padding: 35px 0px 0px 0px;
}

.NomFiche {
	color: #583D2C;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 15px 0px 0px 0px;
}

.Text {
	height: 455px;
	overflow: auto;
	padding-right: 10px;	
}

.Text a:link, .Text a:visited {
	color: #583D2C;
	text-decoration: none;
	font-weight: bold;
}

.Text a:hover {
	color: #583D2C;
	text-decoration: underline;
}


.BgLight {
	background-image: url(grfx/bg_light.gif);
	background-repeat: no-repeat;	
}

/* ---[ Lightbox styles ]--------------------- */

#lightbox{
	/*background-image: url(grfx/bg_pop.jpg);*/
	background-color:#D4CEA7;
	padding: 5px;
	border: 1px solid #666;
	}
	
#lightboxDetails{
	font-size: 100%;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: 0px black solid; } 
#overlay img{ border: none; }





/* ---[ Hacks ]--------------------- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */