body {
    background: #fff url(../images/bg.png) repeat-x;
    color: #73757b;
    font: 0.9em "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
    width: 100%;
    padding:0;margin:0;
}
img { border: none; }

abbr{border-bottom: 1px #73757b dotted;}

a{font-weight: bold; color:#73757b; text-decoration:none;}
a:hover{color:#90bd20;}
#container{width: 960px; margin:0 auto;}

h2 {font-size: 1.1em; padding-top:1em; clear:both;}
#contenu li{padding:0.5em;}

/* nav */
#nav {float: right; margin-top: 20px;}
#nav ul{list-style-image:none; list-style-type:none;}
#nav ul li{float:left;}
#nav a {outline-style: none;text-decoration:none;}

#nav-about a{background:transparent url(../images/about.png) no-repeat; display:block; height:40px; width:198px;}
#nav-about a:hover, #nav-about a.active{background:transparent url(../images/about.png) no-repeat 0px -50px;}

#nav-work a{background:transparent url(../images/work.png) no-repeat; display:block; height:40px; width:198px;}
#nav-work a:hover, #nav-work a.active{background:transparent url(../images/work.png) no-repeat 0px -50px;}

#nav-contact a{background:transparent url(../images/contact.png) no-repeat; display:block; height:40px; width:198px;}
#nav-contact a:hover, #nav-contact a.active{background:transparent url(../images/contact.png) no-repeat 0px -50px;}

#nav-about a span,#nav-work a span, #nav-contact a span{visibility:hidden;}

/* Content */

#contenu{clear: both;min-height: 350px;padding:2em;}
#contenu .illustration{float: left; padding:1em;}
#texte{width: 600px; float:right;}

#content{float:right;}
img.icons {margin:0 0.5em -0.6em 0;}
.col{width:25%; float:left;}

/* Footer */

#footer{clear:both;background:#fff url(../images/bg-footer.png) repeat-x; min-height:72px; width:100%; text-align:center; padding:2em 0; font-size:0.9em;}