*{
margin:0;
padding:0;
}

body{
font-family:"Century Gothic",helvetica,arial,sans-serif;
text-align:justify;
color:#000;
font-size: 80%;
width: 760px;
background-color: #000;
margin-left: auto;
margin-right: auto;
padding: 0; /* need for Opera */
}

/* General Style Info */
a{
text-decoration:underline;
}
a:hover{
text-decoration:none;
}

a img{
border:none;
}

h1, h2, h3, h4{
font-weight:bold;
color: #e20000;
}

h1{
font-size: 180%;
padding-top: 100px;
padding-right: 0;
background-image: url("../img/select-moto-bandeau.gif");
background-repeat: no-repeat;
width: 760px;
height: 48px;
margin-left: auto;
margin-right: auto;
}

h2{
background-image: url("../img/pignon-18.gif");
background-repeat: no-repeat;
background-position: 0% 85%;
padding-left: 23px;
padding-top: 0.8em;
font-size: 150%;
}

h3{
padding-top: 0.8em;
font-size: 130%;
}

h4{
padding-top: 0.8em;
font-size: 100%;
}

ul, li {
margin: 0 12px;
}

p {
padding-top: 0.5em;
}

pre {
font-family:"Century Gothic",helvetica,arial,sans-serif;
font-weight: bold;
padding: 0 0 0 2em;
}

#img-selecteur {
float: right;
margin-left: 5px;
margin-top: -1.5em;
}

#img-pochette {
float: right;
margin-left: 5px;
margin-top: -1.5em;
}

#pcom{
padding-top: 0.8em;
padding-bottom: 0.5em;
}

/*
#commander {
font-size: 150%;
font-weight: bold;
margin-left: auto;
margin-right: auto;
}
*/

/*
#commander{
display: block; 
width: 200px; 
height: 30px; 
background-image: url('../img/commander-a.gif');
margin-left: auto;
margin-right: auto;
}

#commander:hover{
visibility: visible;
}
#commander:hover img{
visibility: hidden;
}
*/

/* Layout */

#content{
padding-left: 5px;
padding-right: 5px;
padding-bottom : 10px;
background-color: #fff;
}

#footer{
color: white;
background-color: #e20000;
font-size: 90%;
clear:both;
padding: 6px 10px;
text-align: center;
}

#footer a{
color: white;
}
#footer a:visited{
color: #C0C0C0;
}

/* forms */

form {
margin-top: 1em;
}
form p{
padding-top: 3px;
}
label {
display: block;
float:left;
clear: left;
padding-right: 5px;
}
#order_form label {
width: 25ex;
}
#contact_form label {
width: 15ex;
}
/*
input[type=checkbox, type=radio] {
float: left;
clear: left;
margin: 2px 6px 7px 2px;
}
*/
input, textarea {
font-family:"Courier New",helvetica,arial,sans-serif;
font-size: 100%;
font-weight: bold;
}
input.form_error, textarea.form_error {
background-color: #FFC0C0;
border-style: solid;
border-width: 1px;
border-color: gray;
padding: 1px;
}
select {
font-family:"Courier New",helvetica,arial,sans-serif;
font-size: 100%;
font-weight: bold;
}
option {
padding: 0 0.3em;
}
input[type=submit] {
font-size: 150%;
font-weight: bold;
display: block;
margin-left: auto;
margin-right: auto;
}

/* notices and errors */

.message, .error, .error_message {
color:#FF8080;
font-weight: bold;
}
.valid_message, .valid_order {
color:#008000;
font-weight: bold;
}
.message, .valid_message {
margin: 0.5em 0 0.5em 0em;
}
.error_message {
clear: both;
margin: 0 0 0 4em;
}
.valid_order{
font-size: 150%;
}