body {
background: #c2c2c2 url(images/fond-body.jpg) repeat-x top left;
color: #fff;
font: 0.7em verdana, arial, sans-serif;
margin-top: 0;
padding-top: 0;
}
a {
color: #666;
}
a:hover {
color: #175387;
}
address {
	color: #000;
margin: 0.5em 40px;	
}
div.clear{
clear:both;
}
hr {
	background: #b2b2b2;
	border: 0;
	clear: both;
	color: #b2b2b2;
	height: 1px;
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6, ul {
margin: 0;
padding: 0;
}
h2 {
color: #7f7f7f;
font-size: 1.5em;
margin: 14px 10px 10px 10px;
}
h4 {
font-size: 1em;
margin: 0 6px 6px 6px;
}
h4 a {
color: #3fffff;
}
h4 a:hover {
color: #fff;
}
img {
border: none;
}
p {
margin: 3px 10px;
padding: 0;
}
input.log {
background: transparent url(images/log.jpg) no-repeat top left;
border: none;
color: #fff;
font-size: 1.1em;
font-weight: bold;
height: 63px;
padding-bottom: 8px;
width: 184px;
}
a.fondbouton {
background: url(images/log.jpg) no-repeat top left;
border: none;
color: #fff;
display: block;
font-size: 1.1em;
font-weight: bold;
height: 43px;
padding: 20px 0 0 25px;
width: 184px;
}
.droite {
text-align: right;
}
div.hrg {
background: url(images/hr-gauche.jpg) no-repeat top left;
height: 10px;
margin: 20px 0 10px 0;
width: 159px;
}
div.hrd {
background: url(images/hr-droite.jpg) no-repeat top left;
height: 10px;
margin: 20px 0 10px 0;
width: 183px;
}
div.hrc {
background: url(images/hr-centre.jpg) repeat-x top left;
height: 8px;
margin: 20px 8px 10px 8px;
}
input.fdinput {
background: #7f7f7f;
border: 0;
color: #3fffff;
}

div#login {
margin: 0 auto;
width: 861px;
}
div#log {
color: #8a8a8a;
float: left;
padding: 1px 0 0 13px;
width: 760px;
}
div#log input {
vertical-align: middle;
}
div#log span {
margin-left: 30px;
}
div#log p {
padding: 5px 0;
}
div#panier {
float: left;
height: 60px;
width: 60px;
}

div#top {
background: url(images/top-fond.png) no-repeat top left;
height: 21px;
margin: 0 auto;
width: 861px;
}
div#total {
background: url(images/fond.png) repeat-y top left;
margin: 0 auto;
overflow: hidden;
width: 861px;
}

div#un {
color: #7f7f7f;
float: left;
margin-left: 14px;
width: 168px;
}
div#un h1 {
margin: 0 0 20px 14px;
}
div#un h2 {
text-transform: uppercase;
}
div#un ul {
margin-left: 10px;
padding-left: 20px;
}
div#un ul li {
margin: 3px 0;
}
div#un ul.triangle {
margin-left: 2px;
padding-left: 10px;
}
div#un ul.triangle li {
background: url(images/puce-triangle.jpg) no-repeat top left;
list-style-type: none;
margin: 0 0 4px 0;
padding-left: 17px;
}
div#un ul.SousCat {
margin: 0;
padding: 0;
}
div#un ul.SousCat li {
background: none;
list-style-type: none;
margin: 1px 0;
padding: 0;
}
div#deux {
background: #b2b2b2;
float: left;
margin-top: 15px;
width: 473px;
}
div#deux p.AlertBox {
background: #3fffff;
color: #000;
font-weight: bold;
padding: 0.5em 0;
text-align: center;
}
div#deux div#topdeux {
background: url(images/top-fond-centre.jpg) no-repeat top left;
height: 18px;
width: 473px;
}
div#deux div#bottomdeux {
background: url(images/bottom-fond-centre.jpg) no-repeat top left;
height: 18px;
width: 473px;
}
div#deux p#ariane {
color: #666;
font-size: 0.8em;
margin: 0 10px 10px 0;
padding: 0;
text-align: right;
}
div#deux p.pagination {
clear: both;
color: #fff;
font-size: 0.9em;
margin: 0 6px 0 0 0;
padding: 0;
text-align: right;
}
div#deux p.pagination img {
vertical-align: middle;
}
div#deux p.pagination a {
color: #3fffff;
text-decoration: none;
}
div#deux h3 {
clear: both;
height: 42px;
margin: 10px;
text-transform: uppercase;
}
div#deux div.piece {
float: left;
margin: 0 10px 0 12px;
width: 135px;
}
div#deux div.vignette {
background: url(images/fond-photo.jpg) no-repeat top left;
height: 107px;
margin: 0 0 3px 0;
width: 134;
}
div#deux div.vignette img {
margin: 14px 0 0 13px;
}
div#deux div.piece p {
margin: 6px;
}
div#deux div.piece p.prix {
font-weight: bold;
text-align: center;
}
div#deux div.piece p.plus {
margin: 0 10px 10px 0;
padding: 0;
text-align: right;
}
div#deux div.piece p.plus img {
margin-left: 6px;
}
div#deux table#TablePanier {
background: #e5e5e5;
border: 0;
margin: 0;
width: 100%;
}
div#deux table#TablePanier th {
background: #b2b2b2;
}
div#deux table#TablePanier th#produit {
width: 164px;
}
div#deux table#TablePanier th#ref {
width: 124px;
}
div#deux table#TablePanier th#quantite {
width: 20px;
}
div#deux table#TablePanier th#ht {
width: 50px;
}
div#deux table#TablePanier th#ttc {
width: 50px;
}
div#deux table#TablePanier th#suppr {
width: 19px;
}
div#deux table#TablePanier td {
border-bottom: solid 1px #fff;
color: #666;
padding: 6px 0;
text-align: center;
}

div#deux table#TablePanier td.panierPart {
background: #888;
color:white;
font-weight:bold;
}
div#deux table#TablePanier td.first {
background: url(images/fleche-panier.jpg) no-repeat center left;
padding-left: 8px;
width: 50px;
}
div#deux p.vider a {
color: #3fffff;
text-decoration: none;
}
div#deux p.vider img {
vertical-align: middle;
}
/* div#deux p.vider input {
background: none;
border: 0;
color: #3fffff;
margin: 0 0 0 30px
} */
div#deux div#tot {
margin-right: 20px;
}
div#deux div#tot table#TotalPanier {
border: 0;
margin-left: 235px;
width: 220px;
}
div#deux div#tot table#TotalPanier td {
width: 160px;
}
div#deux div#tot table#TotalPanier td.droit {
text-align: right;
width: 60px;
}
div#deux table#NavPanier {
width: 100%;
}
div#deux div#TotalDetail {
margin: 6px;
}
div#deux div#TopDetailPiece {
background: url(images/top-detail.jpg) no-repeat top left;
height: 346px;
width: 462px;
}
div#deux div#TopDetailPieceNo {
background: url(images/top-detail.jpg) no-repeat top left;
height: 100px;
width: 462px;
}
div#deux div#TopAutre {
background: url(images/top-autre.jpg) no-repeat top left;
height: 22px;
width: 462px;
}
div#deux div#TopDetailPiece img {
border: 6px solid #666;
margin: 30px 0 0 40px;
}
div#deux div#DetailPiece {
background: url(images/content-detail.jpg) repeat-y top left;
width: 462px;
}
div#deux div#DetailPiece table {
border: 0;
color: #7f7f7f;
margin-left: 40px;
width: 382px;
}
div#deux div#DetailPiece table tr.gris {
background: #e5e5e5;
}
div#deux div#DetailPiece table th {
padding: 6px;
text-align: left;
}
div#deux div#DetailPiece table td {
padding: 6px;
text-align: right;
width: 191px;
}
div#deux div#DetailPiece p {
color: #7f7f7f;
margin: 10px 40px 0 20px;
}
div#deux div#DetailPiece h4 {
background: url(images/fleche-autre.jpg) no-repeat top left;
color: #7f7f7f;
font-size: 1.6em;
font-weight: normal;
min-height: 34px;
margin: 0;
padding: 4px 20px 0 40px;
}
div#deux div#DetailPiece input.contour {
border: #666 solid 2px;
width: 250px;
}
div#deux div#DetailPiece input.captcha {
border: #666 solid 2px;
width: 100px;
}
div#deux div#DetailPiece p.ajouter {
margin: 10px 40px 0 0;
text-align: right;
}
div#deux div#DetailPiece p.ajouter img {
margin: 0 0 0 40px;
vertical-align: middle;
}
div#deux div#BottomDetailPiece {
background: url(images/bottom-detail.jpg) no-repeat top left;
height: 18px;
width: 462px;
}

div#trois {
color: #7f7f7f;
float: left;
width: 194px;
}
div#trois h2 {
text-transform: uppercase;
}
div#trois h2.normal {
text-transform: capitalize;
}
div#trois input.submit {
     border:none;
     background: transparent url(images/search.jpg) no-repeat top left;
	 color: #7f7f7f;
	 font-size: 0.8em;
	 text-align: left;
     width:155px;
     height:50px;
}
div#trois input.submit:hover {
	 color: #3fffff;
}
div#trois input {
     width:165px;
}
div#trois select {
     width:168px;
}
div#trois p.rechercher {
margin-right: 2px;
}
div#trois ul.triangle {
margin-left: 2px;
padding-left: 10px;
}
div#trois ul.triangle li {
background: url(images/puce-triangle.jpg) no-repeat top left;
list-style-type: none;
margin: 0 0 4px 0;
padding-left: 17px;
}

div#bottom {
background: url(images/bottom-fond.png) no-repeat top left;
clear: both;
height: 21px;
margin: 0 auto; 
width: 861px;
}
div#footer {
font-size: 0.8em;
margin: 0 auto; 
text-align: center;
width: 861px;
}
div#footer a {
color: #fff;
text-decoration: none;
}
div#footer a:hover {
color: #3fffff;
}
div#footer ul li {
background: none;
display: inline;
border-right: solid 1px #666;
font-size: 1.1em;
list-style-type: none;
margin: 0;
padding: 0 0.9em 0 1.1em;
}
div#footer ul li.last {
border-right: none;
}