html {
background: #f7f7f7 url(images/fond.gif) repeat-x top left;
}

body {
margin:0;
padding:0;

}

p,li,th,td,dt,dd,caption {
font-size : 0.75em; 
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif; 
color : #000; 
}

.p2 {
margin-left:1em;
}

img {
border:0;
}

a {
color:#005199;
text-decoration:underline;
}

a:visited {
color:#000;
text-decoration:underline;
}

a:hover {
color:#e33b3f;
text-decoration:none;
}

acronym {
cursor:help;
border-bottom:1px dotted;
}


h1 {
font-size : 1.1em; 
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif; 
color : #118cee;
font-weight:bold;
}

h2 {
font-size : 0.8em; 
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif; 
color : #000;
font-weight:bold;
}

h3 {
font-size : 0.7em; 
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif; 
color : #118cee;
font-weight:bold;
}

caption {
margin:0.5em 0 0.5em 0;
padding:0.5em;
border:solid 1px #ccc;
border-collapse: collapse;
background:#fafafa;
}

table {
border:solid 1px #ccc;
border-collapse: collapse;
}

td {
text-align:center;
border:solid 1px #ccc;
}

th {
font-size:0.6em;
background:#fff;
text-align:center;
border:solid 1px #ccc;
}

.interligne {
background: #fafafa;
}

.table-desc {
text-align:right;
width:150px;
}

.table-info {
text-align:left;
}

#form-nom, #form-societe, #form-fonction, #form-email, #form-tel {
width:300px;
}

#page {
width:780px;
min-height: 736px;
margin:0 auto 0 auto;
border:0;
background: url(images/cote.gif) no-repeat top left;
}

.asterisque {
font-size:0.5em;
}

.longue-liste {
float:left;
list-style-type: circle;
}

/************** Menu **********/

#menu {
list-style-type: none;
position:absolute;
top:0;
left:50%;
margin:0 0 0 137px;
padding:5px 0 0 0;
width:253px;
height:203px;
background: #f8f8f8 url(images/fond-menu.gif) no-repeat top left;
}

#menu li {
display:block;
width:244px;
height:23px;
margin:0 0 0 5px!important;
margin:0 0 -5px 5px;
padding:0!important;
}

#menu li a {
display:block;
width:244px;
height:23px;
margin:0!important;
padding:0!important;
}

#menu li span {
display:none;
}

#menu-accueil-selected {
background:url(images/menu-accueil-selected.gif) no-repeat top left;
}

#menu-accueil a {
background:url(images/menu-accueil.gif) no-repeat top left;
}

#menu-accueil a:hover {
background:url(images/menu-accueil-hover.gif) no-repeat top left;
}

#menu-maintenance-curative-selected {
background:url(images/menu-maintenance-curative-selected.gif) no-repeat top left;
}

#menu-maintenance-curative a {
background:url(images/menu-maintenance-curative.gif) no-repeat top left;
}

#menu-maintenance-curative a:hover {
background:url(images/menu-maintenance-curative-hover.gif) no-repeat top left;
}

#menu-maintenance-preventive-selected {
background:url(images/menu-maintenance-preventive-predictive-selected.gif) no-repeat top left;
}

#menu-maintenance-preventive a {
background:url(images/menu-maintenance-preventive-predictive.gif) no-repeat top left;
}

#menu-maintenance-preventive a:hover {
background:url(images/menu-maintenance-preventive-predictive-hover.gif) no-repeat top left;
}

#menu-distribution-selected {
background:url(images/menu-distribution-selected.gif) no-repeat top left;
}

#menu-distribution a {
background:url(images/menu-distribution.gif) no-repeat top left;
}

#menu-distribution a:hover {
background:url(images/menu-distribution-hover.gif) no-repeat top left;
}

#menu-ingenierie-selected {
background:url(images/menu-ingenierie-selected.gif) no-repeat top left;
}

#menu-ingenierie a {
background:url(images/menu-ingenierie.gif) no-repeat top left;
}

#menu-ingenierie a:hover {
background:url(images/menu-ingenierie-hover.gif) no-repeat top left;
}

#menu-references-selected {
background:url(images/menu-references-selected.gif) no-repeat top left;
}

#menu-references a {
background:url(images/menu-references.gif) no-repeat top left;
}

#menu-references a:hover {
background:url(images/menu-references-hover.gif) no-repeat top left;
}

#menu-economies-energies-selected {
background:url(images/menu-economies-energies-selected.gif) no-repeat top left;
}

#menu-economies-energies a {
background:url(images/menu-economies-energies.gif) no-repeat top left;
}

#menu-economies-energies a:hover {
background:url(images/menu-economies-energies-hover.gif) no-repeat top left;
}

#menu-contact-selected {
background:url(images/menu-contact-selected.gif) no-repeat top left;
}

#menu-contact a {
background:url(images/menu-contact.gif) no-repeat top left;
}

#menu-contact a:hover {
background:url(images/menu-contact-hover.gif) no-repeat top left;
}


/************** Fin Menu ******/

#logo {
margin-left:40px;
}

.logos {
text-align: center;
}

#contenu {
width:730px;
background: url(images/fond-contenu.gif) repeat-y top right;
float:left;
padding:0 0 0 50px;
margin:0;
}

#contenu-txt {
float:left;
margin:10px;
width:457px!important;
width:447px;
}

#contenu-visuels {
float:left;
width:253px;
border:0;
}

#contenu-visuels div {
padding:3px;
width:235px;
text-align:center;
border:solid 1px #cdcdcd;
margin:10px auto 10px auto;
background:#fff;
}

#contenu-visuels div p {
margin:0!important;
padding:3px!important;
background:#e3e3e3;
font-size:0.6em;
}

#footer {
clear:both;
background: url(images/fond-footer.gif) no-repeat 10px right;
border-top:solid 1px #999;
padding:1em 110px 0 0;
color:#999!important;
font-size:0.6em;
}

#footer a {
color:#999!important;
}