/******************************************** balises & general */
*{margin:0;padding:0;}
html{}
body {font-family:verdana, arial, sans-serif ;font-size:12px;}
ul{list-style:none;}
li{}
h1{font-size:180%;margin:0 0 20px 0;}
h2{font-size:130%;margin:0 0 10px 0;text-align:right;}
h3{font-size:110%;}
hr{color:#f6f6f6}
.separateur{clear:both;border:none;height:0;visibility:none;line-height:0;font-size:0;}
/******************************************** Blocs */
#conteneur{position:relative;width:1000px;margin:275px auto 0 auto;text-align:left;}
#corps{float:right;width:680px;}
#colonne{float:left;width:300px;}
#bas{margin:0 0 120px 0;}
/******************************************** haut */
table#haut{position:absolute;top:30px;left:0;width:100%;margin:0;padding:0;border:0;}
table#haut td{vertical-align:bottom;height:250px;margin:0;padding:0;border:0;}
#haut_centre{position:relative;top:0;left:0;width:980px;height:100%;margin:0;padding:0;border:0;}
#haut_gauche{}
#haut_droite{}

/******************************************** outils */
#outil_barre{position: fixed;width:100%;height:55px;bottom:0;left:0;z-index:1;}
/* 8 % mini espacement */
#maison, #connexion{position: fixed;bottom:20px;left:5%;z-index:2;}
#cle{position: fixed;bottom:20px;left:15%;z-index:2;}
#inviter{position:fixed;bottom:20px;left:25%;z-index:2;}
#abonner{position:fixed;bottom:20px;left:45%;z-index:2;}
#carte{position:fixed;bottom:20px;left:55%;z-index:2;}
#recherche{position:fixed;bottom:20px;left:65%;z-index:2;}
#signaler{position:fixed;bottom:20px;left:75%;z-index:2;}
/******************************************** header */
#header{position:absolute;top:0;left:0;width:100%;height:30px;z-index:100;background:#fff;}
  #header .marge{position:relative;width:1000px;margin:0 auto;}
    #nav {text-align:left;padding:0 0 0 10px;height:1.8em;font-size:100%}
    #nav a, #nav span {display: block;padding:8px;background:#fff;color:#000;}
    #nav a:hover{}
    #nav li,#haut li {float:left;}
    #haut .droite li {padding:5px 10px}
     /* liste niveau 2 */
    #nav li ul {position: absolute;width: 15em;	left: -999em;
    background:#ccc;border-right:solid 3px #ccc;border-bottom:solid 3px #ccc;}
    #nav li ul li a{margin:0;border:none}
    #nav li ul li{border-top:solid 1px #ccc;width:100%;border-left:solid 3px #ccc;}
    #nav li:hover ul, #nav li.sfhover ul {left:auto;}
    #nav li ul li.sfhover{}
    #nav li ul li.sfhover a:hover{}
    #header  #message{position:absolute;top:5px;right:0;}