body {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  background-color: #000;  
  background: url('../images/transformiste-accueil.jpg') #000 no-repeat 0 0 fixed;
  color: #aad3f9; 
  font-size: 1em;
}
a { color: #aad3f9; font-variant: small-caps; text-decoration: none;}
a:hover { color: #aad3f9; text-decoration: underline;}
p { margin-top: 0; margin-left: 30px; margin-right: 30px; font-size: 0.8em;}
h1 {margin-top: 0; margin-left: 30px; margin-right: 30px; color: #90F; font-size: 1em; font-variant: small-caps;}
h2{margin-top: 0; margin-left: 30px; margin-right: 30px; color: #90F; font-size: 0.9em; font-variant: small-caps;}
b { color: #90F;}
p.signature { text-align: center; margin-top: 10px;}
p.bandeau { margin-top: 10px; color: #000099; font-size: 0.8em;}
p.petit { font-size: 0.6em; color: #666; text-align: justify;}
a.bandeau { color: #666; text-decoration: none;}
a.bandeau:hover { color: #6c85a3;}
a.popup {color: #6c85a3; text-decoration: none;}
a.popup:hover{ color : #aad3f9;}
a.espagne { color: #FFF; text-decoration:none;}
a.espagne:hover { color: #FF0000; text-decoration: none;}
a.transformiste { font-variant: small-caps; color: #333; text-decoration: none;}
a.transformiste:hover { text-decoration: underline;}
a.devis { font-variant: small-caps; color: #ffff99; text-decoration: none;}
a.devis:hover { text-decoration: underline;}
strong { font-weight: normal;}
img { border: 0;}
table {margin-top: 0px;}
label { font-size : 0.8em; font-weight: normal;}
fieldset { font-size: 0.8em; margin-left: 50px; border: 1px solid #90F; width: 60%;}
input { background-color: #aad3f9; border: 1px solid #90F;}
textarea { background-color: #aad3f9; border: 1px solid #90F;}
select {background-color: #aad3f9; border: 1px solid #90F;}

#BANDEAU {
   position: fixed;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 40px;
   background-color: #000;
   border-bottom: 1px solid #666;
}
#MENU {
   position: fixed;
   right: 620px;
   top: 55px;
   width: 150px;
   height: auto;
}

#FOOTER {
   position: fixed;
   left: 0px;
   bottom: 0px;
   width: 100%;
   height: 40px;
   border-top: 1px solid #666;
   background-color: #000;
   }
 
#CONTENU {
   overflow: auto;
   position: absolute;
   right: 10px;
   top: 50px;
   width: 600px;
   min-height: 450px;
   /*border: 1px dashed #fff;*/
}

#menu, #menu ul /* Liste */ {padding : 0; margin : 0; list-style : none; line-height : 21px; text-align : center;}

#menu /* Ensemble du menu */{font-weight : bold; font-family : Arial; font-size : 12px;}

#menu a /* Contenu des listes */ {display : block; padding : 0; background : #000; color : #ffff99; text-decoration : none; width : 150px;}

#menu li /* Elements des listes */ { float : left; border-right : 1px solid #00CCFF;}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li {border-right: 1px solid transparent ;}

#menu li ul /* Sous-listes */ { position: absolute; width: 150px; left: -999em;}

#menu li ul li /* Éléments de sous-listes */{border-top : 1px solid #00CCFF;}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li { border-top : 1px solid transparent;}

#menu li ul ul { margin: -22px 0 0 150px ;border-left: 1px solid #fff ;}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu li ul ul {border-left: 1px solid transparent ;}

#menu a:hover /* Lorsque la souris passe sur un des liens */{ color: #ffffff; background-color: #000; border: 1px solid #333;}

#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */{left: -999em;}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */{left: auto; min-height: 0;}