hr {

border: none;
border-top: solid gray 1px;
color: gray;
background-color: gray;
height: 1px;
}
body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #333;
	background-color: #3E3633;
	text-align: center;
	font-size: 12px;
	line-height: 16px;
	background-image: url(images/body1_background.gif);
	background-repeat: repeat-x;

	}
a:link {
	color: #990033;
}
a:visited {
	color: #990033;
}
a:hover {
	color: #555;
}
a:active {
	color: #990033;
}
.ahem {
	display: none;
	}
strong, b {
	font-weight: bold;
	}
p {
	font-size: 12px;
	line-height: 20px;
	margin-top: 2px;
	margin-bottom: 10px;
	}

/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/

h1 {
	font-size: 20px;

	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #990033;
	padding: 0px;
	}
h2 {
        font-style: italic;
	font-family: "Bodoni, Georgia, Times New Roman", Times, serif;
	color: #990033;
	font-size: 19px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0;
	}
h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: 666;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 0;
	}
h4 {
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h5 {
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h6 {
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
img {
	border: 0;
	opacity: 50%;
	}
.nowrap {
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
	}
.tiny {
	font-size: 9px;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px; 
	}
#bbox {
	margin-top: 10px;
	background: #CCC;
	padding: 7px;
	border: solid #fff 5px;
	height: 1%;
	overflow: hidden;
	}
#bbox p {
    font-size: 12px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	}
#bbox img {
	margin: 0px 10px 0px 0px;
	}
#head {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	border: 0px solid #ccc;
	text-align:center; /* part 2 of 2 centering hack */
	width: 800px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 800px;
	background-color: #990033;
	border-top: 10px solid #fff;
	border-right: 10px solid #fff;
	border-bottom: 10px solid #fff;
	border-left: 10px solid #fff;
	clear: both;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	}
#main_menu {
	font-size: 10px;
	padding: 0px;
	margin-top: 20px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto; 	/* opera does not like 'margin:20px auto' */
	background: none;
	border: 0px solid #ccc;
	text-align:left; /* part 2 of 2 centering hack */
	width: 650px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 820px;
	}
#content {
	padding: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto; 	/* opera does not like 'margin:20px auto' */
	background: #E6E6E1;
	border: 0px solid #fff;
	text-align:left; /* part 2 of 2 centering hack */
	width: 800px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 800px;
	border-right: 10px solid #fff;
	border-left: 10px solid #fff;
	background-image: url(images/body_background.gif);
	background-repeat: repeat-x;
	}
#foot {
	clear: both;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto; 	/* opera does not like 'margin:20px auto' */
	background: #990033;
	border: 0px solid #ccc;
	text-align:left; /* part 2 of 2 centering hack */
	width: 800px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 800px;
	border-top: 10px solid #fff;
	border-right: 10px solid #fff;
	border-bottom: 10px solid #fff;
	border-left: 10px solid #fff;
	color: #fff;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	}

	
html>body #content {
	width: 800px; /* ie5win fudge ends */
	}
pre {
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; 
	}
 #leftnav
{
	float: left;
	width: 160px;
	margin: 0px;
	padding-top: 5px;
}

 #lefttitle
{
	font-size:16px;
	font-weight:bold;
	margin: 10px 0px 0px 0px;
}

 #leftnav p
{
	margin: 3px 0px 0px 0px;
}
 #rcontent
{
	margin-left: 170px;
	border-left: 1px solid gray;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	max-width: 51em;
}
#content_end
{
	clear: left;
}
 #prod
{
	margin-top: 10px;
	background: #B5B5AF;
	padding: 7px;
	border: solid #fff 5px;
	height: 1%;
	overflow: hidden;
}
 #prod img
{
border: solid #eee 2px;
margin-right: 7px;
}
 #prodtext
{
	margin-left: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
 #prodtext p
{
	margin-bottom: 0px;
}

/* css pour le menu horizontal*/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#modernbricksmenu{
padding: 0;
width: 100%;

voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu ul{
	font: bold 10px Arial;
	margin-left: 5px; /*margin between first menu item and left browser edge*/
	padding: 0;
	list-style: none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
}

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu a{
	float: left;
	display: block;
	color: white;
	text-decoration: none;
	letter-spacing: 1px;
	background-color: #A5A5A0;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #990033;
	margin-top: 0;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 3px;
	padding-right: 12px;
	padding-bottom: 3px;
	padding-left: 12px;
}

#modernbricksmenu a:hover{
background-color: #990033; /*Menu hover bgcolor*/
}

#modernbricksmenu #current a{ /*currently selected tab*/
color: #000000;
background-color: #fff; /*Brown color theme*/ 
border-color: #666; /*Brown color theme*/ 
}

#modernbricksmenuline{
	clear: both;
	padding: 0;
	width: 100%;
	height: 5px;
	line-height: 5px; /*Brown color theme*/
	background-color: #666;
}

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: bold 11px Verdana;
height: 22px;
background-color: lightyellow;
}

#pagination{
text-align: center;}

#catalogueliste{
text-align: left;}

#catalogueliste ul{
line-height: 13px;}

#catalogueliste a {
text-decoration: none;
color: #555;}

h2 a {
text-decoration: none;
}

.cur {
        border: 1px solid gray;
	color: #000;
	padding: 2px 10px;
	background-color: #ddd;
	border-width: 0px;
}