*{
    margin: 0;
    padding: 0;
    text-align: center; /* border: solid 1px red; */
    }
body, h1{
    background-image: url('../images/carton.jpg');

}
div#conteneur_general{
    width: 740px; 
    height: 100%;
    margin: 0 auto;
}
table{
    height: 100%;
}
.haut_gauche{
    width: 100px;
    height: 60px;
    background-image: url('../images/haut_gauche.jpg');
}
.haut{
    width: 540px;
    height: 60px;
    background-image: url('../images/haut.jpg');
}
.haut_droite{
    width: 100px;
    height: 60px;
    background-image: url('../images/haut_droite.jpg');
}
.gauche{
    background-image: url('../images/gauche.jpg');
}
.centre{
    background-color: white;
    background-image: none;
}
.droite{
    background-image: url('../images/droite.jpg');
}
.bas_gauche{
    width: 100px;
    height: 100px;
    background-image: url('../images/bas_gauche.jpg');
}
.bas{
    background-image: url('../images/bas.jpg');
}
.bas_droite{
    width: 100px;
    height: 100px;
    background-image: url('../images/bas_droite.jpg');
}
h1{
    font-family: serif;
}
h2, h3, h4, h5, h6, p, strong, a{
display: block;
    background-image: none;
    text-align: left;
    margin-top: 1em;
    font-family: sans-serif;
}
p{
    margin-left: 20px;
    }
.carton{
    background-image: url('../images/carton.jpg');
    width:auto;
    padding-left: 1em;

}
img, a{
    border: none;
}
input, textarea{
    text-align: left;
}
input[type=text], textarea {
     width: 360px; 
}
.alert{
  font-size: 0.8em;
  color: red;
}
div#menu{
    float: left;
    width: 180px;
}
div#menu a{
    font-size: 90%;
    color: #000099;
}