/**
 ** ## POSITIONNEMENTS
 **/
div#titre { 
            float:left;
            margin: 0ex;
            padding: 0ex;
            width: 100%;
            border: none;
            height: 128px;
            }

div#titre > div.conteneur { 
                            border: none;
                            background: none;
                            }


div#page { 
           float: left;
           width: 75%;
           }

div#menu { 
           background-image: url("../images/titre.png");
           background-position: right top;
           background-repeat: no-repeat;
           position: fixed;
           width:25%;
           border:none;
           margin: 0ex;
           padding: 128px 0px 0px 0px;
           top: 0px;
           right: 0px;
           z-index: 0;
           }

div#pied { 
           float: right;
           width:100%;
           clear: both;
           color: #ccc;
           }
/*
 *
 */

html, body { 
             padding: 0ex;
             margin: 0ex;
             font-family:"Bitstream Vera Sans",sans-serif;
             background-color: #002195;
             }

html { 
       padding-bottom: 256px;
       background-image:url("../images/fd.png") ;
       background-repeat: repeat-x;
       background-position: bottom;
       }

div.conteneur { 
                margin: 1ex;
                padding: 0.5ex;
                background-color: #eef;
                border: 4px solid #ccc;
                padding: 2ex;
                }

div.conteneur > div { 
                      text-align:center;
                      margin:5ex;
                      }

div#page div.conteneur { 
                         padding-bottom: 6ex;
                         }

/*
 * Élément de texte.
 */

h1 { 
     margin: 3ex 0ex 2ex 1ex;
     padding:0ex;
     color: #d84;
     }

div#titre h1 { 
               margin: 0.5ex;
               color: #cb9;
               }

div#menu h1 { 
              margin: 0.25ex 1ex;
              }

h2 { 
     margin: 4ex 0ex 3ex 3ex;
     padding:0ex;
     color: #7b4;
     }

div#titre h2 { 
               margin: 0.5ex 5ex;
               font-size:1em;
               color: #988;
               }

h3 {
     margin: 2ex 0ex 2ex 8ex;
     color: #45b;
     }

h4 { 
     margin: 2.5ex 0ex 1.5ex 13ex;
     }

a:link, a:visited { 
                    color: #35c;
                    text-decoration: none;
                    }

a:hover, a:active { 
                    color: #c43;
                    text-decoration: underline;
                    }

p { 
    text-align: justify;
    margin: 2ex 2ex;
    line-height: 1.5;
    }

p:first-letter { 
                 font-size: 1.5em;
                 margin: 0ex 2ex;
                 }

p.auteur { 
           font-weight: bold;
           font-family: "Bitstream Vera Sans", sans-serif ;
           text-align: right;
           margin: 0.5ex 6ex 0.5ex 0ex;
           font-size: 2ex;
           color: #ccc;
           text-transform: uppercase;
           }

cite { 
       display:block;
       margin: 1ex 5ex 3ex;
       }

ul { 
     margin: 1ex 4ex 1ex;
     }

li { 
     margin: 1ex 0ex;
     list-style-type: square;
     list-style-position: inside;
     color: #227;
     }

a > img { 
          border: none;
          }

accronym { 
           border-bottom: 2px dotted #aac;
           color: #555;
           cursor: pointer;
           }

hr { 
     border: 2px solid #ccc;
     width: 75%;
     margin-top: 4ex;
     margin-bottom: 4ex;
     position: relative;
     clear: both;
     }

/*
 * Tableaux
 */

table { 
        border-collapse: collapse;
        margin: 1ex 4ex;
        }

th { 
     background-color: #ddd;
     padding: 1ex;
     border-bottom: 4px solid #ccc;
     font-weight: bold;
     width: 33%;
     }

td { 
     vertical-align: top;
     padding: 0.5ex;
     border-top: 4px solid #ccc;
     width: 33%;
     }