body {
     background-color: White;
     color: Black;
     padding: 0px;
     border: 0px;
     margin: 0px;
     font-family: Verdana, sans-serif;
     font-size: 10px;
     background-image: url('../images/bg.png');
     background-repeat: repeat-x;
     background-position: 0 0.9em;
}
img {
     border: 0;
}
a {
     color: Black;
     font-weight: normal;

}
ul {
     list-style-image: url('../images/bullet.png');
}
#wrapper {
     padding-left: 0.2em;
     position: relative;
     width: 71.5em;
     margin: 0 auto;
     background-color: White;
}
#header {
     height: 8.3em;
     position: relative;
}
img.logo {
     padding: 29px 0 22px 3.9em;
     margin: 0;
/*     padding-bottom: 1em;*/
}
ul.menu {

     list-style-image: none;
     position: absolute;
     top: 4.5em;
     left: 31em;

     list-style-type: none;
     margin: 0;
     padding: 0;
}
ul.menu li {
     float: left;
     padding: 0;
     margin: 0;
}
ul.menu li a {
     text-decoration: none;
     display: inline-block;
     padding: 1em 0.5em 0.5em 1.4em;
     color: #505050;
     font-size: 1.2em;
     font-family: Arial, sans-serif;
     font-weight: bold;
     text-transform: lowercase;
}
ul.menu li a:hover, ul.menu li.current a {
     background-image: url('../images/menuBg.png');
     background-repeat: no-repeat;
     background-position: 0 0;
     color: #0b56df;
}
#submenus {
     position: relative;
     height: 20em;
     width: 100%;
     background-color: #e3e3e3;
}
#photo {
     width: 58.1em;
     height: 20em;
     background-image: url('../images/main.png');
     background-repeat: no-repeat;
     background-color: White;
     border-right: 0.3em solid White;
}
ul.submenu {
     list-style-image: none;
     position: absolute;
     left: 58.4em;
     width: 13.1em;
     height: 4.9em;
     padding: 5em 0 0 0;
     margin: 0;
     list-style-type: none;
     border-right: 0.2em solid White;
}
ul.submenu li {
     font-size: 1.1em;
     text-align: right;
     padding-right: 0.5em;

}
ul.submenu li a {
     color: White;
     text-decoration: none;
     font-family: Arial, sans-serif;
}
ul.submenu li a:hover {
     text-decoration: underline;
}
ul.color1 {
     top: 0;

     padding: 3.5em 0 0 0;
     height: 6.4em;
     background-color: #4a80e9;
     border-bottom: 0.2em solid White;
}
ul.color2 {
     background-color: #8d8d8d;
     top: 10.1em;
}
#content {
     margin: 0 0 0 4em;
     padding-top: 1.5em;
     width: 47.5em;
}
#content.subdivised {
     width: 50em;
     margin-left: 1em;
}
#content ul li, #content p {
     font-size: 1.2em;
}
h1 {
     color: #0b56df;
     text-transform: lowercase;
     background-image: url('../images/menuBg.png');
     background-repeat: no-repeat;
     font-size: 1.6em;
     padding: 0.7em 0.5em 1em 1em;
}
#login {
     margin: 1em 4em;
     width: 46em;
     height: 9.7em;
     background-image: url('../images/form.png');
     background-repeat: no-repeat;
}
img.zone {
     margin: 5em 0 0 2em;
}
#credits {
     margin-left: 40px;
     padding-bottom: 1em;
     margin-top: 4em;
}
#credits a {
     text-decoration: none;
     font-weight: normal;
}
#credits a:hover {
     text-decoration: underline;
}
#photos {
     position: absolute;
     left: 54em;
     margin-top: 3em;
     width: 17.5em;
     background-repeat: no-repeat;
     /*padding-top: 27em;*/
     background-position: 0em 0;
     text-align: center;
}
#photos a {
     color: #8d8d8d;
     font-size: 1.2em;
     text-decoration: none;
     font-family: Arial, sans-serif;
}
#photos a:hover {
     text-decoration: underline;
}
.photo1 {
     background-image: url('../images/photos1.png');
}
.photo2 {
     background-image: url('../images/photos2.png');
}
.photo3 {
     background-image: url('../images/photos3.png');
}
.photo4 {
     background-image: url('../images/photos4.png');
}
.photo5 {
     background-image: url('../images/photos5.png');
}
.photo6 {
     background-image: url('../images/photos6.png');
}
.accueil {
     background-image: url('../images/montages/accueil.png');
}
.apropos {
     background-image: url('../images/montages/apropos.png');
}

.peintureindustrielle {
     background-image: url('../images/montages/services1.png');
}
.peintureconductrice {
     background-image: url('../images/montages/services2.png');
}
.peintureliquide {
     background-image: url('../images/montages/services3.png');
}
.assemblage {
     background-image: url('../images/montages/services4.png');
}
.contact {
     background-image: url('../images/montages/contact.png');
}
.temoignages {
     background-image: url('../images/montages/temoignages.png');
}

ul.subsections {
     list-style-type: none;
     position: absolute;
     left: 0;
     width: 11em;
     border-right: 1px dashed gray;
     list-style-image: none;
}
ul.subsections li a {
     text-decoration: none;
     display: block;
     padding: 0.8em 0.5em 1em 1.2em;
     color: #505050;
     font-size: 1.2em;
     font-family: Arial, sans-serif;

}
ul.subsections li a:hover, ul.subsections li.current a {
     background-image: url('../images/menuBg.png');
     background-repeat: no-repeat;
     background-position: 0 0;
     color: #0b56df;
}
#subsection {
     margin-left: 17em;
}
p.center {
     text-align: center;
}
label {
     display: block;
     float: left;
     width: 10em;
     font-size: 1.2em;
}
table.listeClients {
     font-size: 1.2em;
     border-collapse: collapse;
     border: 4px double gray;
}
table.listeClients tr th {
     text-align: left;
     padding: 0.5em;
     border: 1px solid gray;
}
table.listeClients tr td {
     padding: 0.5em;
     border: 1px solid gray;
}
textarea {
     width: 18em;
     height: 5em;
}
.nom {
     color: #4a80e9;
}
a.link, a.targetBlank {
     color: #4a80e9;
}