html{
background-color: black;
background-image: url(../images/background.jpg);
background-repeat: no-repeat;
background-position: top center;
background-attachment: fixed;
}
body{
margin: 0px;
color: white;
}
a{
color: #878788;
font: 9pt trebuchet ms, sans serif;
outline: none;
}
a:hover{
color: #ffffff;
}
h1{
margin: 0px;
padding: 0px;
}
h2{
color: #606295;
font: bold 12pt tahoma, sans serif;
text-align: left;
margin: 20px 0px 20px 21px;
}
h3{
color: #606295;
font: bold 10pt tahoma, sans serif;
text-align: left;
margin: 15px 0px 5px 26px;
}
p{
font: 9pt trebuchet ms, sans serif;
line-height: 1em;
text-align: justify;
margin: 25px 21px 0px 21px;
}
img{
border:0px;
}
form {
color: #878788;
font: 9pt trebuchet ms, sans serif;
margin: 20px 0px 20px 21px;
}
form label{
margin-left: 10px;
}
ul{
font: 9pt trebuchet ms, sans serif;
list-style-type: none;
}
/*Class*/

a.menu{
background: url(../images/boutons/bouton.gif);
color: white;
font: normal 10pt trebuchet ms, sans-serif;
text-align: center;
text-decoration: none;
display: block;
position: relative;
padding-top: 12px;
width: 164px;
height: 29px;
}
a.menu:hover{
background: url(../images/boutons/boutonhover.gif);
}
.espace{
clear: both;
}
.input{
border:none;
background: #555556;
color: white;
}
/*Divs*/

#conteneur{
background: #19191f;
color: white;
margin-left: auto;
margin-right: auto;
width: 820px;
}
#menu{
border-bottom: black solid 4px;
background: url(../images/menu.jpg);
width: 820px;
height: 41px;
}
#menu ul{
margin: 0px;
padding: 0px;
}
#menu ul li{
float: left;
}
#titre1{
text-transform: uppercase;
font: 38pt trebuchet ms;
margin: 0px 0px 0px 205px;
letter-spacing : 12px;
display:block;
}
#titre2{
color: #999999;
text-transform: uppercase;
font: 18pt trebuchet ms;
margin: -17px 0px 0px 80px;
padding: 0px;
letter-spacing : 8px;
display:block;
}
#centre{
width: 100%;
margin-bottom: 20px;
}
#bandeau{
background: black;
width: 100%;
height: 60px;
}
#recherche{
font: 9pt century gothic, tahoma;
margin: 15px 15px 0px 0px;
display: block;
float: right;
}
#submit_recherche{
margin: 0px 10px 0px 15px;
vertical-align: middle;
}
#panier img{
margin: 6px 0px 0px 27px;
display:block;
float: left;
}
#panier p{
color: white;
margin: 10px 0px 0px 15px;
font: 9pt century gothic, tahoma;
line-height: 15pt;
display:block;
float: left;
}
#panier table tr td p{
margin:0px;
display:inline;
}
#footer{
background: url(../images/footer.gif) repeat-x;
width: 778px;
height: 59px;
padding: 15px 21px 0px 21px;
}
#footer p{
color: white;
font: 8pt tahoma, sans serif;
margin: 0px;
text-align: right;
}
#footer a{
font: 8pt tahoma, sans serif;
color: #9699c3;
}
#footer a:hover{
color: #ffffff;
}
.cachehover{
display: none;
}
#fleche{
color: black;
background: url(../images/boutons/fleche.jpg) no-repeat;
width: 165px;
height: 51px;
margin-left: 14px;
padding: 55px 0px 0px 95px;
display: block;
text-decoration: none;
font: 14pt tahoma, sans serif;
line-height: 13pt;
}
#fleche:hover{
color: #9699c3;
background: url(../images/boutons/fleche_hover.jpg) no-repeat;
}
/* Formtools */
#formErreur{
background: #29292f;
color: #878788;
width: 300px;
margin: 10px 0px 10px 21px;
}
#formErreurH{
background: url(../images/erreur_haut.gif);
height: 9px;
}
#formErreurC{
background: url(../images/erreur_centre.gif) repeat-y;
padding: 2px 0px 5px 2px;
}
#formErreurB{
background: url(../images/erreur_bas.gif);
height: 9px;
}
#formErreurC h6{
color: white;
font: 12pt tahoma, sans serif;
margin: 0px 0px 8px 10px;
}
#formErreurC img{
vertical-align: middle;
}
#formErreurC p{
margin: 0px 0px 0px 15px;
}
label {
 cursor: pointer;
}
label:hover{
color: white;
}