body{
  background-color:#606060;
}

#container{
  margin:0;
  padding:0;
  width:75%;
  position:absolute;
  top:2%;
  left:14%;
  font-family:Arial,Verdana,Serif;
  font-size:12px;
}

#banner{
  background-image:url(../graphisme/back_banner.gif);
  background-repeat:no-repeat;
  height:117px;  
  border-top:solid 2px #a0a0a0;  
  background-color:white;
  border-left:solid 2px #a0a0a0;
  border-right:solid 2px #a0a0a0;
}

#left{
  background-image:url(../graphisme/back_left.gif);
  background-repeat:repeat-y;
  height:440px;   
  background-color:white; 
  border-left:solid 2px #a0a0a0;
  float:left;
}

#contenu{  
  background:url(../graphisme/cont_middel.gif) ;
  height:440px;
  border-right:solid 2px #a0a0a0;
}

#footer{
  height:10px;
  clear:both;  
  background-color:white;
  border-left:solid 2px #a0a0a0;
  border-right:solid 2px #a0a0a0;
  border-bottom:solid 2px #a0a0a0;
}

p{
  color:#707070;
}
p.copy{
  margin:0;
  padding:0;
  color:#a0a0a0;
}

/*--------menu---------*/
   ul.menu{
      margin:5px;
      position:absolute;
      top:65px;
      left:100px;
      list-style-type:none;
   }
   ul.menu li{
      margin:0 10px 0 8px;
      display:inline;
   }
   ul.menu li a{
      padding:0 0 0 18px;
      text-decoration:none;
      color:#505050;
      font-size:16px;
      font-weight:bold;
      font-variant:small-caps;
      background:url(../graphisme/puce_link.gif) no-repeat left bottom;      
   }
   
    ul.menu li a:hover{
      color:#707070;
      background:url(../graphisme/puce_hover.gif) no-repeat left bottom;      
   }

/*--------sous menu---------*/
   ul.sousmenu{
      position:absolute;
      top:115px;
      left:220px;
      list-style-type:none;
   }
   ul.sousmenu li{
      margin:0 10px 0 8px;
      display:inline;
   }
   ul.sousmenu li a{
      padding:0 0 0 18px;
      text-decoration:none;
      color:#f3cd5a;
      font-size:15px;
      font-weight:bold; 
      background:url(../graphisme/puce_rond_link.gif) no-repeat left ;
   }
   
    ul.sousmenu li a:hover{
      color:silver;  
      background:url(../graphisme/puce_rond_hover.gif) no-repeat left ;  
   }
   
/*------contenu---------*/
    img.imgleft{
      float:left;
      margin:0;
    }
    img.imgright{
      background-color:white;
      float:right;
    }
    
    h2{
      margin:0;
      padding-top:4px;
      color:silver;
      font-size:18px;
    }

    h4{
      margin:10px 0 2px 0;
      padding:0;
      font-size:12px;
      font-weight:bold; 
      color:#e2b61b;
    }
    
    b{
      color:#606060;
    }
    
    ul.competence{
      margin:25px 0 0 170px;
      padding:0;
    }
    
    a{      
      text-decoration:none;
    } 
    
    img.lien{
      border:0px;
      margin:12px 10px 0 0;    
    }  
    
    form.contact{
      padding-top:5px;
      margin:30px 0 0 10px;
    }
    
    label.lblcorrect{
      color:#707070;      
      font-variant:small-caps;
    }
    
    p.adresse{
      color:#707070;
    }
    
    p.descr{
      color:#707070;
      margin:5px 0 0 5px;
    }
    
    
/*-----portefolio------*/
/*----web----*/    
ul.g_web li{
  list-style-type:none;
  float:left;
}
ul.g_web li div.descriptif{
      height:40px;
      width:730px;
      background-color:#f1f1f1;
      display:none;
      position:absolute;
      top:425px;
      left:155px;
}
ul.g_web li:hover div.descriptif{
      display:block;
}


/*----presse----*/ 
div.col_droite_galerie{
  margin:5px 0 0 0;
  float:right;
  width:400px;
}
div.col_gauche_galerie{
  margin:10px 0 0 150px;
  width:300px;
}