#menu
{  position: fixed;
   top: 10px;
   width: 1024px;
   height: 47px;
   font-size: 1.6em;
   font-family:  Arial, "Arial Black", Verdana, serif;
 
}



body {behavior: url(csshover.htc);}
div#menu a {color:#000000}
div#menu ul {padding: 0; margin:0px; background: white; text-align:center; font-size: 0.8em;}
div#menu li {background:#bfbcaa}
div#menu li:hover {background: #EBB}
div#menu li.sousmenu:hover {background: #EBB;}


div#menu ul li {position:relative; list-style: none; float:left; border-top:0px solid}

div#menu ul ul {position: absolute;display:none; width:100px}
div#menu li a {text-decoration: none; padding: 4px 0 4px; display:block;width:110px}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2,
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}
div#menu ul.niveau3 {top:-1px; left: 100px;}

/* rajout de couleures de fond et de survol */
div#menu ul.niveau3 li { background: #EBB}
div#menu ul.niveau3 li:hover { background: #EBB} 


body
{
   width: 1024px;
   margin: auto;
  

} 

.madeinbelgium3
{
     position: absolute;
     margin-left: 760px;
	 top: 30px;
  
}
.entete
{
position: fixed;
top: 0px;
width: 570px;
height: 53px;
background-color: white;
margin-left: 190px;
}

h1
{
   font-family:  Arial, "Arial Black", Verdana, serif;
   font-size: 1.8em;
   margin-top: 88px;
   width: 452px;
   color: white;
   text-align: center;
   padding: 15px;
   margin-left: 270px;
   background-color: #31a0ed;
}
.serviceshome
{
     position: absolute;
     margin-left: 22px;
	 top: 280px;
  
}
#texte
{

   width: 450px;
   text-align: justify; /* Ils seront justifiés */
   font-size: 0.9em; 
   padding: 15px;
   position: absolute;
   margin-left: 270px;
   top: 370px;
   border-width: 1px;
   border-style: solid;
   border-color: silver;
  }
  #references
{

   width: 200px;
   font-size: 1.0em; 
   padding: 20px;
   position: absolute;
   margin-left: 760px;
   top: 297px;
   background-color: #adff2f;
  }

.couleur1:before
 {
   content: url(images/fleche.png)
}
 .couleur1
 {
   color: #ff00ff;
   font-size: 1.2em;

}
 .couleur2:before
 {
  content: url(images/fleche.png)
}

 .couleur2
 {
   color: #a0522d;
   font-size: 1.2em;
}
.couleur3:before
 {

   content: url(images/fleche.png)
}
 .couleur3
 {
   color: green;
   font-size: 1.2em;
}
.couleur4:before
 {

   content: url(images/fleche.png)
}
 .couleur4
 {
   color: #ff4500;
   font-size: 1.2em;
} 
.couleur5:before
 {

   content: url(images/fleche.png)
}
 .couleur5
 {
   color: lime;
   font-size: 1.2em;
}
.couleur6:before
 {

   content: url(images/fleche.png)
}
 .couleur6
 {
   color: #000080;
   font-size: 1.2em;
}
.couleur7:before
 {

   content: url(images/fleche.png)
}
 .couleur7
 {
   color: red;
   font-size: 1.2em;
}
.couleur8:before
 {

   content: url(images/fleche.png)
}
 .couleur8
 {
   color: #9400d3;
   font-size: 1.2em;
}
.laque220
{
     position: absolute;
     margin-left: 760px;
     top: 593px; 
}
.laque10
{
     position: absolute;
     margin-left: 760px;
     top: 951px; 
}
.laque5
{
     position: absolute;
     margin-left: 22px;
     top: 888px; 
}
