body {
   text-align: center;
}


#container {
   width: 90%;
   margin: 10px auto;
   max-width: 35em;
   text-align: justify;}


h1 {
   font-weight: bold;
   text-align: center;
font-family: "futura", "century gothic", "URW Gothic L";
}

.factotum {
   font-family: GaramondOSN, Georgia,  serif;
   letter-spacing: 1px;
   font-weight: bold;
   font-size: 120%;
}

.fac {
   font-style: italic;
   color: #c20;
   padding-right: 2px;
}


h2,h4 {
   font-size: 1.2em;
   position: relative;
   display: inline;
   left: -170px;
   top: 20px;
   /*margin: 1em 7em 1em -4em;*/
   border-left: solid #c20 1px;
   border-bottom: solid #c20 1px;
   padding: 5px 10px;
   /*padding-right: 40px;*/
   text-transform: lowercase;
}

h2.right {
   /*margin: 1em -4em 1em 7em;*/
   border-right: solid #c20 1px;
   border-bottom: solid #c20 1px;
   border-left: 0;
   text-align: right;
   margin-top: -3em;
}

h4 {
   font-variant: small-caps;
   font-size: 1em;
}
ul, ol {margin-left:1em; 
   padding-left:1em;
   /*list-style-type: none;*/
}
/*ul li, ol li {margin:0; padding:0;}*/

ul li { list-style-type: none;

}

li a { 
    background-color: #ddd; 
    color: #444;
    display: block; 
    padding: 1em; 
    border: 1px solid gray; 
    margin: 1em;
    font-family: "futura", "century gothic", "URW Gothic L", sans-serif;
}

a:visited { 
    text-decoration: none;
    }
a:link {
    text-decoration: none; 
    }
a:hover {
    background: white; 
    color: #c20;
    }

#adresse {
   text-align: center;
   margin: 2em auto;
}

.inline {
   display: inline;
}


 li a {
     background: #ddd;
     color: #444;
    -moz-box-shadow: 10px 10px 10px #777; -webkit-box-shadow: 10px 10px 10px #777; -khtml-box-shadow: 10px 10px 10px #777; box-shadow: 10px 10px 10px #777; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; behavior: url(http://oestrem.com/css/ie-css3.htc); 
}