*{
	margin:0;
	padding:0;
}

/* 0.75em = 12px */
/* 0.875em = 14px */
body{
	background-color:#9E8D7E; 
	background-image:url(images/bg.gif);
	background-position:top;
	background-repeat:repeat-x;
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size:0.875em;
	text-align:center;
}

/* centrage */
#ctr{
	width:980px;
	margin:0 auto;
	text-align:left;
}






/* ******* */
/* general */
/* ******* */
table{
	width:100%;
	margin:4px 0 4px 0;
}
a, a:link, a:visited{
 color:#D71C21;
 text-decoration: none;
}
a:hover, a:active {
 color: #000;
 text-decoration: none;
}
h1,h2{
	color:#655B52;
	border-bottom:1px solid #655B52;
}
h1{
	font-size:1.8em;
	margin:0 0 4px 0;
}
h2{
	font-size:1.2em;
	margin:0 0 4px 0;
}


/* *********** */
/* formulaires */
/* *********** */
input.text{
	border:1px solid #655B52;
	font-size:1.1em;
}
select.select{
	border:1px solid #655B52;
	font-size:1.1em;
}


/* ***************** */
/* styles génériques */
/* ***************** */
dl{
	clear:both;
	height:1.2em;
	line-height:1.2em;
	font-weight:bold;
	margin:0 0 4px 0;
}
dl dd{
	float:left;
}
dl dt{
	float:right;
}
dl.prix dt{
	color:#D71C21;
}


/* ********** */
/* mod HEADER */
/* ********** */
#header{
	height:185px;
	background-image:url(images/header.jpg);
}
#header a{
	width:232px;
	height:160px;
	display:block;
	margin:16px 0 0 32px;
	position:absolute;
	text-indent:-999px;
	overflow:hidden;
}


/* ******** */
/* colonnes */
/* ******** */
#cols{
	background-image:url(images/body-mid.gif);
}
#colA{
	float:left;
	width:265px;
	margin:0 0 0 -980px;
}
#colB{
	width:715px;
	float:left;
	margin:0 0 0 265px;
}
#colB .contentin{
	margin:0 15px 0 6px;
}
#colA .mod{
	margin:0 5px 10px 15px;
}

/* top et bottom */
#bodytop,#bodybottom { height:6px;display:block;clear:both;}
#bodytop             { background-image:url(images/body-top.gif);}
#bodybottom          { background-image:url(images/body-bottom.gif);}


/* ******* */
/* MODULES */
/* ******* */
.mod h3{
	font-size:1.5em;
	text-transform:uppercase;
	letter-spacing:-2px;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:1px solid #D71C21;
	margin:0 0 4px 0;
}


/* ********** */
/* un article */
/* ********** */
.artintro{
	float:left;
	width:230px;
	background-image:url(images/article-mid.gif);
}
.artintro .in{
	margin:0 10px;
}
.artintro .img,
.artintro .intro,
.artintro dl{
	border-bottom:1px solid #655B52;
	padding:0 0 4px 0;
	margin:0 0 4px 0;
}
.artintro .intro{
	text-align:justify;
	font-size:0.8em;
	color:#655B52;
}
.articletop,.articlebottom{height:10px;}
.articletop{background-image:url(images/article-top.gif);}
.articlebottom{background-image:url(images/article-bottom.gif);}


/* ******* */
/* article */
/* ******* */
.article .img{ float:left;width:400px;}
.article .r  { float:left;width:290px;}

.article .intro,
.article dl.prix{
	border-bottom:1px solid #655B52;
	padding:0 0 4px 0;
	margin:0 0 4px 0;
}
.article dl.qtt{
	margin:0 0 8px 0;
}
.article .intro{
	font-size:1.2em;
	text-align:justify;
}
.article .select{
	width:130px;
}
.article .nav{
	border-top:1px solid #655B52;
	height:1em;
}
.article .nav .navleft{
	float:left;
}
.article .nav .navright{
	float:right;
}


/* ************* */
/* tableau liste */
/* ************* */
table.list th,
table.list td{
	padding:2px 1px;
}
table.list th{
	border-bottom:1px solid #655B52;
	background-color:#9E8D7E;
	text-align:left;
}
table.list td{
	border-bottom:1px solid #9E8D7E;
	text-align:left;
}


/* ************* */
/* tableau total */
/* ************* */
table.total td,
table.total th{
	padding:2px;
	text-align:right;
	border-bottom:1px solid #9E8D7E;
}
table.total td{
	width:286px;
}

/* ********** */
/* table FORM */
/* ********** */
table.form th,
table.form td{
	padding:2px 1px;
}
table.form td{
	text-align:right;
}
table.form .text{
	width:284px;
	font-size:1.1em;
	padding:2px;
}
table.form .select{
	width:290px;
	padding:2px;
	font-size:1.1em;
}
table.form label{
	font-size:0.9em;
}
table.form .err{
	font-size:0.8em;
	color:#CC0000;
	font-weight:normal;
}
/* ******* */
/* boutons */
/* ******* */
div.btn{
	height:24px;
	margin:0 0 4px 0;
}
div.btn a.btn{
	float:right;
}
a.btn{
	height:24px;
	display:block;
	padding:0 0 0 30px;
	line-height:24px;
	color:#000;
	width:260px;
}
a.btn:hover{
	color:#fff;
}
a.btn-details{
	background-image:url(btns/btn-details.gif);
	width:180px;
}
a.btn-cart{
	background-image:url(btns/btn-cart.gif);
}
a.btn-cmd{
	background-image:url(btns/btn-cmd.gif);
	width:215px;
}
a.btn-refresh{
	background-image:url(btns/btn-refresh.gif);
}
a.btn-valider{
	background-image:url(btns/btn-valider.gif);
}
a.btn-back{
	background-image:url(btns/btn-back.gif);
}
a.btn-continue{
	background-image:url(btns/btn-continue.gif);
}
a.btn-log{
	background-image:url(btns/btn-log.gif);
}
a.btn-login{
	background-image:url(btns/btn-login.gif);
	width:215px;
}
a.btn-logout{
	background-image:url(btns/btn-logout.gif);
	width:215px;
}
a.btn-edit{
	background-image:url(btns/btn-edit.gif);
	width:215px;
}
a.btn-user{
	background-image:url(btns/btn-user.gif);
}
a.btn-commandes{
	background-image:url(btns/btn-commandes.gif);
	width:215px;
}
#mod-login .btn{
	margin:0 0 4px 0;
}


/* ************ */
/* module LOGIN */
/* ************ */
#fusername,
#fpassword{
	width:215px;
	height:20px;
	border:none;
	font-size:1.1em;
	padding:2px 0 2px 30px;
	margin:0 0 4px 0;
}
#fusername{
	background-image:url(images/text-username.gif);
}
#fpassword{
	background-image:url(images/text-password.gif);
}


/* ************* */
/* module panier */
/* ************* */
#mod-cart ul{
	list-style-type:none;
	border-bottom:1px solid #655B52;
}
#mod-cart li{
	font-size:0.8em;
}


/* ************** */
/* MOD CATEGORIES */
/* ************** */
#mod-categories ul{
	list-style-type:none;
}
#mod-categories li{
	border-bottom:3px double #655B52;
	padding:2px;
}


/* ******* */
/* MOD MSG */
/* ******* */
#mod-msg .top{
	width:245px;
	height:5px;
	background-image:url(images/msg-top.gif);
}
#mod-msg .mid{
	background-image:url(images/msg-mid.gif);
	padding:0 5px;
	font-weight:bold;
}
#mod-msg .bottom{
	width:245px;
	height:15px;
	background-image:url(images/msg-bottom.gif);
}




.coords ul{
	list-style-type:none;
}