html { height: 100%; margin-bottom: 1px;}

body { margin: 0; padding: 0;  }
       
input.plus,input.submit,span.click,td.img,span.highlight,input.submit2 { cursor: hand; cursor: pointer; }       

/* OPTIONAL SIDE BACKGROUND    
    td.bg_left { }
    td.bg-right { }

/*  TOP PART +++++++++++++++++++++++++++++++++++++ */

td.top1 { background-image: url(img/corner1.gif); background-repeat: no-repeat;
          width: 25px; height: 25px; }

td.top2 { background-image: url(img/border_top.gif); background-repeat: repeat-x; }

td.top3 { background-image: url(img/corner2.gif); background-repeat: no-repeat; 
          width: 35px; }


/*  BARRE BLANCHE +++++++++++++++++++++++++++++++++++++ */

td.barre1 { background-image: url(img/border_left.gif); background-repeat: repeat-y; 
            width: 25px; }

td.barre2 { background-color: #fff; 
            height: 18px; }
            
        /* HEADER ELEMENTS +++++++++++++++++++++++++++++++++++++ */            
                        
         input.user {  padding: 1px 1px; background-color: #fefefe; border:1px #ddd solid; text-align: left; letter-spacing: 0.06em;
                    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #5E6970; padding-left: 2px; }
                    
         input.user2 { background: url("img/input_bg.gif"); padding: 2px 2px; background-color: #fefefe; border:1px #ddd solid; text-align: left; letter-spacing: 0.06em;
                    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #5E6970; padding-left: 2px; }
                    
         textarea { background: url("img/textarea_bg.gif"); border:1px #ddd solid; padding:4px 4px; text-align: left; vertical-align: top; letter-spacing: 0.06em;
         font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #5E6970; overflow-x: hidden;}
                    
         input.submit { background-image: url(img/btsubmit.gif); background-repeat: no-repeat;
                       width: 24px; height: 24px;
                       border: 0px; }    
                       
        input.submit2 { background-image: url(img/btsubmit_2.gif); background-repeat: no-repeat;
                       width: 24px; height: 24px;
                       border: 0px; }    
                           
        table.bg_login { width: 200px;
                         border: 1px solid #d4d4d4;
                         padding: 4px;
                         background-color: #eaeaea;
                        }           
                       
        #plus  { position:relative;
                float: right;
                bottom: 10px;
                }

td.barre3 { background-image: url(img/border_right.gif); background-repeat: repeat-y; 
            width: 35px; }

td.barre_hr { background-color: #fff; height: 2px;
              border-bottom: 1px solid #CFCEC4;}

/*  MIDDLE PART +++++++++++++++++++++++++++++++++++++ */

td.middle1 { background-image: url(img/border_left.gif); background-repeat: repeat-y; 
             width: 25px; height: 25px; }

    
            td.display_menu {    width: 140px;
                                padding-left: 0px;
                                padding-top: 6px;
                                text-align: left; }
                                
            #content {    position:relative;                                                
                        top: 8px;
                        width: 610px;                
                         }
                        
                    #text { position:relative;
                            float: left;
                            width: 390px;
                            border: 1px dotted #d4d4d4;
                            padding: 10px;
                            /*padding-left: 18px;*/
                            margin-right: 10px;
                            margin-top: 2px;
                            }
                            
                    #img {  position:relative;                            
                            float: right;                        
                            top: 3px;
                            padding: 8px;
                            padding-right: 20px;
                            text-align: center;
                            display: block;
                            }
 hr {
   height: 1px;    
              border: 1px solid #CFCEC4;
  width: 80%;
}
                
td.middle3 { background-image: url(img/border_right.gif); background-repeat: repeat-y; 
             width: 35px; }
             
             
/*  RUBRIQUES PART +++++++++++++++++++++++++++++++++++++ */

table.rubriques { background-color: #eaeaea;
                  width: 100%; height: 100%; }
                 
td.r1 { background-image: url(img/border_left.gif); background-repeat: repeat-y; 
        width: 50px; }
                 
            td.rubrique1 {    
                            padding-left: 12px;
                            padding-right: 10px;
                            padding-top: 2px;
                            text-align: left;
                            margin-top: 10px;
                            }    
                                                                              
            #news_title_left { position:relative;
            float: left; }
            #news_title_right { position:relative;
            float: right; }                                
                        
            #rubrique2 { position:relative;
                    float: left;
                    left: 12px;
                    width: 702px;
                    border: 1px solid #d4d4d4;
                    border-left: 1px dotted #d4d4d4;
                    border-right: 1px dotted #d4d4d4;
                    padding: 2px;
                    margin-top: 4px;
                    margin-bottom: 8px;
                    background-color: #eee;
                    }
            
            td.thumbnails {
                    height: 160px;
                    background-color: #d4d4d4;
                    border: 1px solid #fff;
                    }

td.r2 { background-color: #fff;
        padding-top: 6px; padding-left: 0px;}

td.r3 { background-image: url(img/border_right.gif); background-repeat: repeat-y; 
                 width: 25px; }

/*  ENDING PART+++++++++++++++++++++++++++++++++++++ */

td.end1 { background-image: url(img/corner3.gif); background-repeat: no-repeat; 
          width: 25px; height: 25px; }

td.end2 { background-image: url(img/border_bot.gif); background-repeat: repeat-x; 
          vertical-align: top; }

td.end3 { background-image: url(img/corner4.gif); background-repeat: no-repeat; 
          width: 35px; }


/*  FONTS+++++++++++++++++++++++++++++++++++++ */


h1 { /* (header) */
         font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
          text-transform: uppercase;
        font-size: 10px;
        font-weight: bold;
        color: #5E6970;
        line-height: 1.6em; }

h2 { /* (title) */
         font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
         text-transform: uppercase;
        font-size: 8pt;
        font-weight: normal;
        color: #5E6970;
        line-height: 1.1em;
        letter-spacing: 0.06cm;
         }

span.highlight { width:106px; background-color: #f2f2f2; }      
span.highlight:hover { background-color: #f7e01b; }        
        
h3 { /* (subtitle) */
        font: normal small-caps 14px Helvetica, Verdana, Trebuchet, Arial, Helvetica, sans-serif;
        text-transform: capitalize;
        color: #5E6970;
        letter-spacing: 0.06cm;
        border-bottom: 1px solid #ccc;
        }
        
h4 { /* (content) */
        font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #5E6970;
        line-height: 1.7em; }
        
h5,td.text { /* (user login) */
        margin-right: 1.75cm;
        font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #9f9f9e; }
        
h6,td.rubrique1 { /* (rubrique) */
        font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        text-transform: capitalize;
        font-weight: normal;
        color: #5E6970;
        line-height: 1.7em;
        letter-spacing: 0.04cm; }
        
h7 { /* (rubrique: title) */
         font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-weight: bold;
        color: #5E6970;
        line-height: 1em;
        letter-spacing: 0.03cm }


td.copyright { /* (footer) */
        padding-right: 1.75cm;
        padding-top: 0cm;
        font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        line-height: 1em;
        color: #5E6970; }