/**********************************************************/
/* body principal */       
/**********************************************************/
body { margin: 0;
      padding:0;
         font: 80% verdana,arial, sans-serif;max-width:1200px;
         color:navy;background-image:url('../images/gradient10192525.png');background-color:#BDCCCC;width:auto

     }


/**********************************************************/
/* body avec logo dans coin gauche */   
/**********************************************************/
body2 { margin: 0;
      padding:0;
         font: 80% verdana,arial, sans-serif; 
         color:navy;background-image:url('../images/Logo-CSS-T.jpg');
         background-repeat:no-repeat;background-color:#BDCCCC;

      }

/**********************************************************/
/* page pleine PARTIE CENTRALE DE LA PLUPART DES PAGES */   
/**********************************************************/     
    
#pleinepage { position: absolute;
              z-index: 90;
              top : 78px;
              left : 130px;
              width : 700px;
              border:1px outset gray;
              height:auto;margin-bottom:auto;padding-bottom:800px;
              padding: 5px;
              background-color:white;	text-align: center;

             }


/**********************************************************/
/* ENTETE.HTM */   
/**********************************************************/
 #entete  { position: absolute;
            z-index: 90;
            top : 0px;
            left : 0px;
            width :990px;
            border:1px solid gray;
            height:auto;
            padding: 5px;
            background-color:#336699;color:#C9B981;
            height:65px
            
            
          }
        
/**********************************************************/
/* RIGHTDIV.HTM   Menu de droite */
/**********************************************************/
#rightmenu  { position: absolute;
               z-index: 90;
                  top : 85px;
                 left : 860px;
                width :100px;height:auto;
                
                background-color:inherit
      
             }
#righttmenu img {border=0px
                }

#righttmenu li { background: white;
               font-weight:lighter;
               border:0px ;
               text-align:center;
               color:white;
               vertical-align:middle;
               font-size:medium ;
               height:auto
               }
               
#rightmenu li a { color: navy;
               text-decoration: none;
                       display: block;
                        height: 100%;
                        width:100%;
                        text-align:center;
                        vertical-align:middle
                        
                  }
                        
#rightmenu li a:hover { background-color:inherit;
					   color:white
				   }




/**********************************************************/
/* TOPMENUS */
/**********************************************************/
#menu { position: absolute;text-align:center;
             top: 50px ;
            left: 133px;
         z-index:100;
           width:703px
           
       }
           
#menu dl { float: left; 
           width:138px;
          margin: 0 1px;background-color:#ccbb99
          
       }
          
            
        
/**********************************************************/
/* Barre de menu  POUR TOPMENU*/
/**********************************************************/
#menu dt { cursor: pointer;
       height:18px;
       text-align: center;
       font-weight:bolder;
       color:black;
       border-style:none;background-color:#CCbb99
      
       }


/**********************************************************/
/* Sous-menu  POUR TOPMENU*/
/**********************************************************/

#menu li { text-align: center;
           background-color:#CCbb99 ;
           border:thick ;border-bottom-width:thin;width:auto
           
           }

#menu dt a { color:black;background-color:#CCbb99;font-weight:bold;
               text-decoration: none;
                       display: block;border-bottom-style:none;
                        height: 100%
            }

#menu dl a { color:black; text-decoration: none;font-weight:bolder;border-bottom-style:none;
              display: block;
              height: 100%;
              background-color:#CCbb99 
              
              }

#menu li a { color: black;
             text-decoration: none;font-weight:bolder;border-style:none;
              display: block;
              height: 100%;width:auto;
              background-color:#CCbb99 ;
              border-bottom-color:white;
              border-bottom-width:1px;
              border-bottom-style:solid
              
              }

#menu dl a:hover { color: #ffee88;
                   background:#CCbb99
                   
               }


#menu dt a:hover { color: #ffee88;
                    background:#CCbb99 
                  }



#menu li a:hover { color: #ffee88;
                    background:#CCbb99
                  }






/*******************************************************/
/ TAGS PAR DEFAUT 
/*******************************************************/

img  {border-width=0px
     }
          
p { color:navy;text-align:left;
   margin-top:0px;
   margin-bottom:0px
  } 
  
      

p1 {margin-top:0px;
    margin-bottom:0px;
    font-size:x-large;
    font-family:"Comic Sans MS";
    color:#CC3300;
    font-weight:bold
	}    
				    
				
a { text-decoration: none;
    color:navy;
    }
                
h1 {text-decoration: none;
    font-weight:normal;
	text-align:center;vertical-align:middle;
	background-position:center;
	color:navy;
	height:20px
	}  
				               
h2 {text-decoration: none;font-weight:normal;
	text-align:center;background-position:center;
	color:navy;
	height:20px
   }
     
h3 {text-decoration: none;
    font-weight:normal;
	text-align:left;
	background-position:left;
	color:navy;
	height:2px;
	} 			
	
h4 {text-decoration: none;
	text-align:justify;
	background-position:left;
	color:navy;
	height:2px;
	} 
			
h5 {text-decoration:none;
    font-weight:normal;
    font-family:Arial;
    vertical-align:top;
    margin-top:0px;
	text-align:center;
	font-size:xx-large;
	color:#ffee88;
	} 	
	
h6 {text-decoration: none;
    font-weight :normal;
    font-family:Arial;
	text-align:center;
	background-position:center;
	font-size:small;
	color:navy;
	} 	

h7 {text-decoration:underline;
    font-weight:normal;
    font-family:Arial;
    color:#00CC99
	} 	


li { margin: 0;
     padding: 0;
     list-style-type: none; 
     }
            
           
            
ul { margin: 0;
     padding: 0;
     list-style-type: none
      }
            
           
            
dd { margin: 0;
     padding: 0;
     list-style-type: none
      }
            
           
            
dt { margin: 0;
     padding: 0;
     list-style-type: none; 
     }
            
           
            
dl { margin: 0;
     padding: 0;
     list-style-type: none; 
     }
            
 
 
 
            
/***********************************************************/
/* menu DANS PAGE CAFETERIA
/************************************************************/

#menucafe { position: absolute;
            top: 170px;
            height:50px;
            left: 420px;
            z-index:90;
            width: 250px;vertical-align:middle;
            height:auto;
             }
     
#menucafe dt { cursor: pointer;
               text-align: center;
               font-weight:lighter;
               color: white;
               background:green;
               border: 4px solid #C2BCC5; 
               vertical-align:middle;height:auto
               }
               
               


#menucafe li { border-bottom: 1px solid white;
	           text-align:center;
               height:auto;	
               background-image: none;
             }
               
#menucafe dt a { color: navy;
               text-decoration: none;
                       display: block;
                        height: 100%;
                        width:100%;
                        text-align:center;
                        vertical-align:middle 
               }

#menucafe li a { color:GREEN;
                text-decoration: none;
                display: block;
                height: 100%;
                width:100%;
                text-align:center;
                vertical-align:middle 
               }

#menucafe dt a:hover { background-color:inherit;
					   color:white
					   }



#menucafe li a:hover { color:yellow
					 }




/************************************************/
/* Menu de gauche */
/************************************************/
#leftmenu { position: absolute;
            top: 78px;
            height:50px;
            left: 10px;
            z-index:90;
            width: 130px;vertical-align:middle;
            background-color:inherit ;height:auto;
             }
               
#leftmenu dt { cursor: pointer;
               text-align: center;
               font-weight:lighter;
               color: navy;
               background: #FFCA95  ;
               border: 4px solid #C2BCC5; 
               vertical-align:middle;height:auto
               }
               
               


#leftmenu li { background:#FFCA95  ;
               font-weight:lighter;
               text-align:center;
               color:navy  ;
               vertical-align:middle;
               font-size:medium ;
               height:auto;background-color:#FFCA95;
               border-bottom-color:white;
               border-bottom-width:1px;
               border-bottom-style:solid
               }
               
               
#leftmenu dt a { color: navy;
               text-decoration: none;
               display: block;
               height: 100%;
               width:100%;
               text-align:center;
               vertical-align:middle 
               }

#leftmenu li a { color: navy;
               text-decoration: none;
               display: block;
               height: 100%;
               width:100%;
               text-align:center;
               vertical-align:middle 
               }

#leftmenu dt a:hover { background-color:inherit;
					   color:white
					  }



#leftmenu li a:hover { background-color:inherit;
					   color:white
					  }






/****************************************************/
/* Nouvelles */
/**********************************************************/
#nouvelle1 { position: absolute;
              z-index: 1;	
                 top : 1px;
                left : 1px;
               width : 350px;
              height : 239px;
           background-color: white;
              padding: 5px;
               border: 1px  solid #C2BCC5
           
            }
               
#nouvelle2 { position: absolute;
              z-index: 1;
                 top : 1px;
                left : 351px;
               width : 346px;
              height : 239px;
                color: #000;
     background-color: white;
              padding: 5px;
           border: 1px  solid #C2BCC5
           
           }
               
#nouvelle3 { position: absolute;
              z-index: 1;
                 top : 251px;
                left : 1px;
               width : 348px;
              height : 250px;
                color: #000;
     background-color: white;
              padding: 5px;
               border: 1px solid #C2BCC5 
               
               }

#nouvelle4 { position: absolute;
              z-index: 1;
                 top : 251px;
                left : 351px;
               width : 346px;
              height : 250px;
                color: #000;
     background-color: white;
              padding: 5px;
               border: 1px solid #C2BCC5 
               
               }
 




/************************************************/              
/*  FOOTER */        
/***********************************************/   
#footer { width : 100% ; 
         border : 0 ; 
         position : absolute ; 
         bottom : 0 ;
         background : navy ; 
         font-size : 75% ; 
         color : #FADFA3 
         
         }
          
#defaulttable { background-color:#CCFFFF; 
                border: 1px solid tail; 
                border-collapse: collapse; 
               
               }








/*****************************************************************/
/ TABLEAUX
/*****************************************************************/





/*****************************************************************/
/ TABLEAUX 1      defaulttable
/*****************************************************************/
#defaulttable th { padding: 5px;
                   color:tail; 
                   background-color:teal; 
                   font-weight: normal;border-color:teal 
                   
                   }

#defaulttable td { padding: 5px; 
                    border: 1px solid teal;width:300px 
                    
                    }

#defaulttable tf { padding: 3px; 
                   border: 1px solid teal; 
                   background-color:#CCFFFF
     
                    }          








/*****************************************************************/
/ TABLEAUX 2      defaulttable2
/*****************************************************************/
#defaulttable2 { background-color:white; 
                border: 1px solid navy; 
                border-collapse: collapse; 
                color:navy
                
                }




#defaulttable2 td { padding: 3px;
                      border: 1px solid navy; 
                      background-color:white
                      
                   }          


#defaulttable2 { background-color:white; 
                border: 1px solid navy; 
                border-collapse: collapse; 
               
               }



#defaulttable2 th { padding: 5px;
                   color:navy; 
                   background-color:#F0E8B9; 
                   font-weight: normal;border-color:navy 
                   
                   }
                   
                   
                   


#defaulttable2 td { padding: 5px; 
                    border: 1px solid navy;width:360px 
                  }

  
#defaulttable2 tf { padding: 3px; 
                      border: 1px solid navy; 
                      background-color:white
                  }          






#defaulttable2 td1 { padding: 3px; 
                     border: 1px solid navy; 
                     background-color:navy;
                     text-align:center
                      
                    }          





/*****************************************************************/
/ TABLEAUX 3     POUR PAGE BIBLIOTHÈQUE
/*****************************************************************/
#tableBibli { background-color:#CCFFFF; 
                border: 0px;
                border-collapse: collapse
             }

#tablebibli th { padding: 5px;
                 background-color:teal; 
                 font-weight: normal 
                 
                 }

#tablebibli td { padding: 5px;
                 text-align:justify;
                 vertical-align:top;
                 font-size:small;
                 width:300px
                 
                 }

#tablebibli tf { padding: 3px; 
               }          




/*****************************************************************/
/* TABLEAUX 4      POUR AFFICHER NOUVEAUTÉS DANS PAGE BIBLIOTGHÈQUE
/*****************************************************************/

#rightbibli  { position: absolute;
               z-index: 90;
               top : 78px;
               left : 840px;
               width :170px;
               height::auto;
               background-image:url('../images/beige004.jpg')
      
              }    









/*

#rightmenu  { position: absolute;
               z-index: 90;
                  top : 85px;
                 left : 860px;
                width :100px;height:auto;
                
                background-color:inherit
      
                              }

#righttmenu img {border=0px
                }

#righttmenu li { background: white;
               font-weight:lighter;
               border:0px ;
               text-align:center;
               color:white;
               vertical-align:middle;
               font-size:medium ;
               height:auto
               }
               
#rightmenu li a { color: navy;
               text-decoration: none;
                       display: block;
                        height: 100%;
                        width:100%;
                        text-align:center;
                        vertical-align:middle  }
                        
#rightmenu li a:hover { background-color:inherit;
					   color:white}
 Nouvelles */