body{
   background-color: #333;
   margin:2px 0 0 5px;
   font-family: Arial, Helvetica, sans-serif;
}
table{
   vertical-align: top;
   border-spacing: 0px;
   empty-cells: show;
   margin: 0;
   padding:0;
   border:0;
   border-collapse: collapse;
}
td{
   vertical-align: top;
   border-spacing: 0px;
   empty-cells: show;
   margin: 0;
   padding:0;
   border:0;
   border-collapse: collapse;   
}
img{
   border:0;
   margin:0;
   padding:0;
   border-collapse: collapse;   
}
#contenant{
   background-color: white;
   width: 849px;
}

#superieur{
   width: 100%;
   margin:0;
}
#gauchesup{
   width: 804px;
   margin:0;
}
#droitesup{
   width: 50px;
   margin:0;
}
#menu{
   width: 849px;
   height:30px;
   background-image: url(../images/fond-menu.gif);
   margin:0;
   border-collapse: collapse;  
}
#sotragi{
   width: 113px;
   background-image: url(../images/fond-sotragi-gris.gif);
   padding-top: 11px;
   font-size: 13px;
   text-align: center;
   font-variant: small-caps; 
   color:#3D7837;
   margin:0;
}
#sotragiok{
   width: 113px;
   background-image: url(../images/fond-sotragi-vert.gif);
   padding-top: 11px;
   font-size: 13px;
   text-align: center;
   font-variant: small-caps; 
   color:#fff;
   margin:0;
   background-color:#3D7837;
}
#sotragi a{
   color:#3D7837;
   text-decoration:none;
      margin:0;
}
#sotragiok a{
   color:#E6E6E6;
   text-decoration:none;
   margin:0;
}
#selectionne{
   width: 90px;
   background-image: url(../images/selection-vert.gif);
   padding-top: 11px;
   font-size: 13px;
   text-align: center;  
   font-variant: small-caps;
   color:white; 
      margin:0;       
   }  
#contacts,#references,#certifications,#agreations,#produits{
   width: 90px;
   padding-top: 11px;
   font-size: 13px;
   text-align: center; 
   font-variant: small-caps;
      margin:0;   
   }    
#selectionne a{
   color:#fff;
   text-decoration:none;
      margin:0;
   }
#contacts a{
   color:#000;
   text-decoration:none;
      margin:0;
   }     
#agreations a{
   color:#000;
   text-decoration:none;
      margin:0;
   }  
#certifications a{
   color:#000;
   text-decoration:none;
      margin:0;
   }  
#references a{
   color:#000;
   text-decoration:none;
      margin:0;
   }
#produits a{
   color:#000;
   text-decoration:none;
      margin:0;
      }   
#bandeau{
   background-color:#3D7837;
   width: 398px;
      margin:0;
}           
#bandeau p{
   color:white;
   font-size: 17px;
  padding-top:20px;
   letter-spacing:1px;
   margin:0;
}
.grand{
   font-size:22px;
}
  
#progression{
   margin:0;
   background-image: url(../images/fond-chemin.gif);
   width: 100%;
   font-size: 12px;
   padding:3px 0 0 10px;
   letter-spacing:1px;
}
.capitalegras{
   font-variant: small-caps;
   font-weight: bold;
} 
.capitale{
   font-variant: small-caps;
}   

#navigation{
   background-color: #ECF1EB;
   width:172px;
   margin: 0;
   padding:0;
}
#navigation dt{
   font-size: 10px;
   height: 16px;
   padding:5px 0 0 18px; 
   background-image: url(../images/fond-menu-gauche.gif); 
}
#navigation dt a{
   color:#3D7838;
   text-decoration:none;
}
#navigation a:hover{
   color:#F89425;
   text-decoration:none;
}
#navigation dt:hover{
   font-size: 10px;
   height: 16px;
   padding:5px 0 0 18px;
}
#navigation p{
   font-size: 12px;
   margin-left: 10px;
}
#navigation p a{
   color:#3D7838;
   text-decoration:none;
}
#navigation p a:hover{
   color:#F89425;
   text-decoration:none;
}
#contenu{
   background-color: #ECF1EB;
   width:678px;
}
#texte{
   background-color: #ECF1EB;
   width:100%;
   margin-bottom: 0;
   padding-bottom: 0;
}
#texte p{
   font-size:12px;
   margin-left:45px;
   margin-right:10px;
   
}
#texte li{
   font-size:12px;
   margin-left:45px;
}
#texte h3{
   font-size:13px;
   margin-left:45px;
}
#photos{
   margin-left:10px;;
   width:100%;
   font-size:12px;
   text-align:center;
}
#photos2{
   margin-left:25px;;
   width:100%;
   font-size:12px;
   text-align:center;
}
.droite{
   margin: 0 10px 0 10px;
   float: right;
}
.gauche{
   margin: 0 10px 0 10px;
   float: left;
}
#titre{
   height: 45px;
   width:530px;
}
#titre h1{
   font-size: 18px;
   margin-left: 45px;
}
#portfolio{
   width:150px
}
#photo{
   background-color: #ECF1EB;
   width: 172px;
   vertical-align: top;
}
#realisations{
   background-color: #ECF1EB; 
   width:527px;
   background-image: url(../images/bandeau-orange.gif);
   background-repeat: no-repeat;  
}
#realisations li{
   font-size: 12px;
   list-style-image: url(../images/puce.gif);
   margin-left:45px;
   margin-bottom: 10px;
}
#easy{
   background-color: #ECF1EB; 
   width:150px;
   vertical-align: top;
   pa
}
.capitalegrasbas{
   font-variant: small-caps;
   font-weight: bold;
   padding:3px 0 0 45px;
   letter-spacing:1px;
}
.wrapper {
   display: none;
   
}
#adresse{
   background-color: #ECF1EB; 
   height: 40px;
   color:9EA09D;
   font-size: 10px;
   text-align:center;
}
#adresse a{
   color:9EA09D;
   font-size: 10px;
   text-align:center;
   text-decoration:none;
}