body {
    background : #e2baf8 url('../images/fond_jhudora.gif') repeat-y fixed left top;
    margin : 0;
    padding : 0;
    width : 800px;
    margin-left : auto;
    margin-right : auto;
    padding-top : 20px;
    font-family : sans-serif;
    font-size : 12pt;
    behavior : url('/css/csshover.htc');
}

img {
    border : 0;
    behavior: url('/css/pngbehavior.htc');
}

div#ombre {
    position : relative;
    width : 850px;
    margin : 0;
    padding : 0;
    padding-left : 25px;
    margin-left : auto;
    margin-right : auto
    left : -50px;
    background : #e2baf8 url('../images/ombre_jhudora.gif') repeat-y left top;
}

td.td_color {
    background : #f6ebfa url('../images/bg_deg_jhudora.gif') repeat-x left bottom;
}

td.td_contenu {
    background-color : #cd93d6;
}

/*------------- position ---------*/
.center {
    text-align : center;
}

.right {
    text-align : right;
}

/*-------- Bannière ----------*/
div.banniere {
    width : 750px;
    text-align : right;
    padding-right : 50px;
    font-size : 0.8em;
}

/*--------- Menu du haut ----------*/
div.menu_haut {
    background : url('../images/menu_deg_jhudora.gif') repeat-x left bottom;
    border-left : 1px solid #000;
    border-right : 1px solid #000;
    border-top : 1px solid #000;
    font-size : 10pt;
    padding : 3px;
    padding-bottom : 0;
    position : relative;
    width : 794px;
}

div.menu_haut img {
    padding-right : 10px;
    padding-bottom : 5px;
    /*padding-left : 10px;*/
}

div#poupee {
    background : url('../images/top_left_jhudora.gif') no-repeat left top;
    position : absolute;
    top : -30px;
    left : -30px;
    bottom : 0;
    right : 0;
    height : 80px;
    width : 80px;
}

div#livre {
    background : url('../images/top_right_jhudora.gif') no-repeat left top;
    position : absolute;
    top : -40px;
    left : 750px;
    bottom : 0;
    right : -30px;
    height : 80px;
    width : 80px;
}

div#logo {
    position : relative;
    left : 0;
    top : 0;
    bottom : 0; 
    right : 0;
}

div#themes {
    padding : 0;
    margin : 0;
    margin-left : 5px;
    vertical-align : middle;
}

div#themes form {
    padding : 0;
    margin : 0;    
}

div#themes select {
    margin : 0;
    padding : 0;
    border : 1px solid #000;
    background-color : #e2baf8;
}

div#themes input {
    padding : 0;
    margin : 0;
}

/*------------ Page -------------*/
div.page {
    border : 1px solid #000;
    width : 800px;    
}

div.pub {
    padding-left : 10px;
}

/*----------- Menu de gauche ------*/
td.menu_gauche {
    width : 150px;
    background : #cd93d6;
    padding-top : 10px;
    font-size : 0.8em;
}

td.menu_gauche span.link a {
    color : #000;
    text-align : center;    
}

td.menu_gauche p.cat {
    background : #fff url('../images/coin_jhudora.gif') no-repeat right top;
    padding : 5px;
    padding-left : 10px;
    font-weight : bold;
    font-size : 1em;
    border-left : 0;
}

td.menu_gauche ul {
    padding : 0;
    margin : 0;
    margin-left : 5px;
}

td.menu_gauche li {
    margin : 0;
    padding : 0;
    background : url('../images/menu_jhudora.png') no-repeat left center;
    list-style-type : none;
}

td.menu_gauche li:hover {
    background : url('../images/menu_h_jhudora.png') no-repeat left center;   
}

td.menu_gauche a {
    color : #000;
    text-decoration : none;
    font-size : 0.9em;
    padding-left : 15px;
}

td.menu_gauche a:hover {
    text-decoration : underline;
}

/*-------------- Titre -----------*/
div.titre {
    background : url('../images/titre_jhudora.png') no-repeat right;
    height : 40px;
    margin : 5px;
    padding-right : 45px;
    text-align : right;
    font-size : 14pt;
}

div.titre h4 {
    margin : 0;
    padding : 0;
    padding-top : 10px;
    border-bottom : 1px dotted #000;
    letter-spacing : 1px;
    font-variant : small-caps;
    font-size : 1.2em;
    color : #000;
    font-family : "trebuchet ms";
}

/*------------Haut de page --------------*/
div.haut_page {
    margin : 0;
    padding : 0;
    text-align : right;
    margin-right : 10px;
}

div.footer {
    text-align : center;
    font-size : 0.8em;
    color : #fff;
    border : 1px solid #000;
    border-top : 0;
    background-color : #892380;
    /*margin-bottom : 5px;*/
    width : 800px;
}

/*----------- Contenu -------------*/
div.contenu {
    font-size : 12pt;
    padding : 5px;
    background-color : #fff;
    margin : 5px;
    margin-right : 0;
    border : 1px solid #000;
    border-right : 0;
}

div.contenu h3 {
    margin : 0;
    padding : 0;
    margin-bottom : 3px;
    font-size : 1.5em;
    font-weight : bold;
    letter-spacing : 1px;
    font-family : "trebuchet ms";
    color : #5f005f;
}

div.contenu h4 {
    margin : 0;
    padding : 0;
    margin-bottom : 3px;
    font-size : 1.3em;
    font-weight : bold;
    letter-spacing : 1px;
    font-family : "trebuchet ms";
}

div.contenu h5 {
    margin : 0;
    padding : 0;
    margin-bottom : 3px;
    font-size : 1.1em;
    font-weight : bold;
    letter-spacing : 1px;
    font-family : "trebuchet ms";
}

div.contenu p {
    margin : 0;
    padding : 0;
    font-size : 0.8em;
    text-align : justify;
    margin-left : 10px;
    margin-top : 5px;
    margin-bottom : 5px;
}

div.contenu hr {
    height : 0;
    border : 0;
    margin : 0;
    padding : 0;
    margin-left : 10px;
    margin-top : 5px;
    margin-bottom : 5px;
    border-top : 1px solid #752475;
}

div.contenu ul {
    margin : 0;
    padding : 0;
    padding-top : 5px;
    padding-bottom : 5px;
    margin-left : 50px;
}

div.contenu li {
    margin : 0;
    padding : 0;
    font-size : 0.9em;
}

div.contenu a {
    color : #892380;
}

div.contenu a:hover {
    text-decoration : none;
}

div.contenu td {
    font-size : 0.8em;
}

div.contenu td p {
    font-size : 1em;
}

div.contenu pre {
    margin-left : 15px;
    font-family : monospace;
    font-size : 0.8em;
    border : 1px dotted #aaa;
    background-color : #eea;
    padding : 4px;
}