* {
margin: 0;
padding: 0;
border: 0;
outline: none;
font-family: Arial, Verdana;
font-size: 12px;
}

body {
background: #ffffcc url('../img/bg.jpg') repeat-x top;
}

#conteneur {
position: relative;
width: 1004px;
margin: 0 auto;
padding-bottom: 20px;
background: none;
overflow: auto;
}

#header {
position: relative;
width: 1004px;
height: 34px;
margin: 16px 0 10px 0;
background: none;
}

/* Breadcrumb */

#breadcrumb {
position: relative;
float: left;
height: 34px;
background: url('../img/header-bg-left.jpg') no-repeat left;
}

#breadcrumb ul {
list-style: none;
height: 34px;
padding: 0 15px 0 20px;
background: url('../img/header-bg-right.jpg') no-repeat right;
}

#breadcrumb ul li {
float: left;
height: 34px;
padding: 10px 5px 0 0;
background: url('../img/header-bg.jpg') repeat-x;
}

#breadcrumb ul li a, #breadcrumb ul li a:visited {
text-decoration: none;
color: #a00c08;
}

#breadcrumb ul li a:hover, #breadcrumb ul li a:active {
text-decoration: none;
color: #000;
}

/* Menu */

#menu {
position: relative;
float: right;
height: 34px;
background: url('../img/header-bg-right.jpg') no-repeat right;
}

#menu ul {
list-style: none;
height: 34px;
padding: 0 10px 0 10px;
background: url('../img/header-bg-left.jpg') no-repeat left;
}

#menu ul li {
float: left;
height: 34px;
padding: 10px 10px 0 10px;
background: url('../img/header-bg.jpg') repeat-x;
}

#menu ul li a, #menu ul li a:visited {
text-decoration: none;
color: #a00c08;
}

#menu ul li a:hover, #menu ul li a:active {
text-decoration: none;
color: #000;
}

/* Partie gauche */

#left {
position: relative;
float: left;
width: 184px;
margin-right: 10px;
background: none;
}

#left h1 {
font-family: Trebuchet MS, Arial, Verdana;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
color: #ffffcc;
display: block;
width: 184px;
height: 25px;
padding: 14px 0 0 20px;
background: url('../img/left-bg-top.png') no-repeat;
}

#left p {
padding: 15px 20px;
font-size: 12px;
}

#left ul {
padding: 12px 20px;
list-style: none;
}

#left ul li {
padding: 3px 0;
font-size: 12px;
}

#left a, #left a:visited {
text-decoration: none;
color: #a00c08;
}

#left a:hover, #left a:active {
text-decoration: none;
color: #000;
}

#left form {
padding: 15px 20px;
overflow: auto;
}

#left form input {
border: 1px solid #a00c08;
padding: 2px;
width: 128px;
background: none;
float: left;
font-size: 11px;
}

#left form input.submit {
float: left;
width: 11px;
height: 8px;
margin: 7px 0 0 5px;
background: url('../img/fleche.jpg') no-repeat;
cursor: pointer;
border: none;
}


#panier, #categories, #catalogue, #recherche {
position: relative;
width: 184px;
margin-bottom: 10px;
}

div.bloc {
position: relative;
width: 184px;
background: url('../img/left-bg-bottom.png') no-repeat bottom;
}



/* Partie droite */

#right {
position: relative;
float: left;
width: 810px;
background: #a00c08 url('../img/right-bg.jpg') no-repeat bottom;
}

#bandeau {
position: relative;
width: 810px;
height: 154px;
background: url('../img/bandeau-bg-accueil.jpg') no-repeat;
}

#bandeau2 {
position: relative;
width: 810px;
height: 154px;
background: url('../img/bandeau-bg.jpg') no-repeat;
}

/* Bloc */

div.contenu {
position: relative;
width: 800px;
margin: 0 auto 10px auto;
}

div.contenu-top {
position: relative;
width: 800px;
height: 10px;
background: url('../img/bloc-bg-top.png') no-repeat;
}

div.contenu-center {
position: relative;
width: 800px;
background: #ffffcc;
overflow: auto;
}

div.contenu-center p {
padding: 10px 20px;
}

div.contenu-center p a, div.contenu-center p a:visited {
text-decoration: none;
color: #a00c08;
}

div.contenu-center p a:hover, div.contenu-center p a:active {
text-decoration: none;
color: #000;
}

div.contenu-bottom {
position: relative;
width: 800px;
height: 10px;
background: url('../img/bloc-bg-bottom.png') no-repeat;
}

/* Titre */

div.titre {
position: relative;
padding: 10px 20px;
height: 34px;
float: left;
width: 760px;
margin-bottom: 10px;
}

div.titre-left {
position: relative;
float: left;
width: 14px;
height: 34px;
background: url('../img/titre-bg-left.png') no-repeat;
}

div.titre-center {
position: relative;
float: left;
height: 34px;
background: #a00c08;
}

div.titre-center h2 {
font-family: Trebuchet MS, Arial, Verdana;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
color: #ffffcc;
display: block;
padding-top: 9px;
}

div.titre-right {
position: relative;
width: 14px;
float: left;
height: 34px;
background: url('../img/titre-bg-right.png') no-repeat;
}

/* Livre */

div.livre {
position: relative;
padding: 0 20px;
clear: both;
overflow: auto;
}

div.livre img {
border: 3px solid #f9dc98;
float: left;
margin: 0 15px 10px 0;
}

div.livre h3 {
font-weight: bold;
font-size: 14px;
color: #a00c08;
}

div.livre p {
font-size: 12px;
padding-left: 0;
}

hr {
width: 760px;
color: #f9dc98;
background-color: #f9dc98;
height: 1px;
border: 0;
margin: 5px auto 15px auto;
}

/* Copyright */

#copyright {
position: relative;
width: 800px;
margin: 0 auto 10px auto;
background: none;
}

#copyright p {
text-align: center;
color: #ffffcc;
}

#copyright p a, #copyright p a:visited {
text-decoration: none;
color: #ffffcc;
}

#copyright p a:hover, #copyright p a:active {
text-decoration: none;
color: #ffffcc;
}

span.rouge {
font-weight: bold;
font-size: 12px;
color: #a00c08;
}





form input {
border: 1px solid #a00c08;
background: none;
color: #a00c08;
}

form input.submit {
width: 11px;
height: 8px;
margin: 4px 0 0 5px;
background: url('../img/fleche.jpg') no-repeat;
border: none;
cursor: pointer;
}

div.livre p span.bouton {
position: relative;
float: right;
margin: 20px 0 0 0;
padding: 4px 0;
/*height: 23px;*/
background: #a00c08 url('../img/bouton-rouge-left.jpg') no-repeat left;
}

div.livre p span.bouton a, div.livre p span.bouton a:visited {
/*height: 23px;*/
margin-left: 15px;
padding: 4px 15px 4px 0;
font-size: 12px;
color: #ffffcc;
text-decoration: none;
background: #a00c08 url('../img/bouton-rouge-right.jpg') no-repeat right;
}

div.livre p span.bouton a:hover, div.livre p span.bouton a:active {
/*height: 23px;*/
margin-left: 15px;
padding: 4px 15px 4px 0;
font-size: 12px;
color: #ffffcc;
text-decoration: none;
background: #a00c08 url('../img/bouton-rouge-right.jpg') no-repeat right;
}

div.livre form {
float: right;
text-align: left;
margin-right: 447px;
}

div.centre {
position: relative;
margin: 0 0 5px 0;
text-align: center;
}

div.centre dl {
text-align: center;
display: -moz-inline-box;
display: inline-block;
margin: 15px;
width: 155px;
}

div.centre dt img {
border: 3px solid #f9dc98;

}

div.centre dd {
padding-top: 5px;
}



dl dt span.bouton {
position: relative;
padding: 4px 0;
background: #a00c08 url('../img/bouton-rouge-left.jpg') no-repeat left;
}

dl dt span.bouton a, dl dt span.bouton a:visited {
margin-left: 15px;
padding: 4px 15px 4px 0;
font-size: 12px;
color: #ffffcc;
text-decoration: none;
background: #a00c08 url('../img/bouton-rouge-right.jpg') no-repeat right;
}

dl dt span.bouton a:hover, dl dt span.bouton a:active {
margin-left: 15px;
padding: 4px 15px 4px 0;
font-size: 12px;
color: #ffffcc;
text-decoration: none;
background: #a00c08 url('../img/bouton-rouge-right.jpg') no-repeat right;
}

#left form input.submit2 {

float: left;
width: 21px;
margin: 0;
background: #f9dc98;
color: #a00c08;
font-size: 11px;
cursor: pointer;
border: none;
}