/**********************************************************/
/* body principal */       
/**********************************************************/
body 
{ 
	margin: 0;
    padding:0;
    font: 80% verdana,arial, sans-serif;
    color:navy;
    background-image:url('images/gradient10192525.png');
    background-color:#BDCCCC;
    width:auto;
    height:auto;
         
}
a.clickIci:visited{
	text-align: center;
	text-decoration:none;
	color: #336699;		
}
a.clickIci:link {
	text-decoration:none;
	color: #336699;
}
a.clickIci:hover{
	text-align: center;
	text-decoration:none;
	color: red;
	
}               


/**********************************************************/
/* 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;min-height:1500px;
              z-index: 90;
              top : 78px;
              left : 130px;
              width : 700px;
              border:1px outset gray;
              padding: 5px;
              background-color:white;	
              text-align: center;

             }
/**********************************************************/
/* page pleine POUR LISTER VOLUMES */   
/**********************************************************/     
    
#pleinepage2 { position: absolute;
              z-index: 90;
              border:1px SOLID NAVY;
              height:auto;margin-bottom:auto;padding-bottom:800px;
              background-color:white

             }

/**********************************************************/
/* page pleine PARTIE CENTRALE Évènements */   
/**********************************************************/     
    
#pleinepage1 { 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:left;

             }
/**********************************************************/
/* page pleine PARTIE CENTRALE Évènements */   
/**********************************************************/     
    
#pleinepage3 { 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:left;background-image:url('images/journal.jpg')

             }

/**********************************************************/
/* pour écran bienvenue communauté info */   
/**********************************************************/     
    
#portail { position: absolute;
              z-index: 90;
              width : 700px;
              border:1px outset gray;
              height:60px;
              background-color:transparent;	text-align:center;

             }


/**********************************************************/
/* ENTETE.HTM */   
/**********************************************************/
 #entete  { position: absolute;
            z-index: 90;
            top : 0px;
            left : 0px;
            width :100%;
            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;
                
             
      
             }
#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
				   }



/**********************************************************/
/* ZONE DROITE   Menu de droite */
/**********************************************************/
#rightzone  { position: absolute;
               z-index: 90;
                  top : 78px;
                 left : 840px;
                width :160px;height:auto;
                
                background-color:inherit
      
             }
#rightzone img {border=0px
                }

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




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

#menu dd { display:none
         }  
/**********************************************************/
/* Sous-menu  POUR TOPMENU*/
/**********************************************************/

#menu li { text-align: center;
           background-color:#CCbb99 ;
           vertical-align:middle;
           border-bottom-color:white;
           border-bottom-width:1px;
           border-bottom-style:solid;
           width:220PX;
           
           }

#menu dt a { color:black;
             background-color:#CCbb99;
             font-weight:normal;
             text-align:center;
             vertical-align:middle;
             text-decoration: none;
             display: block;
             height: 20PX
            }

#menu dl a { color:black; 
             text-decoration: none;
             font-weight:normal;
             border-bottom-style:none;
             display: block;
             height: 20PX;
             background-color:#CCbb99 ;
             text-align:center;
             vertical-align:middle;
             
              }

#menu li a { color: black;
             text-decoration: none;
             font-weight:normal;
             border-style:none;
              display: block;
              height: 20PX;
              width:220PX;
              text-align:center;
              vertical-align:middle;
              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.soul
	{
		text-decoration: underline;
		
	}
	
}				
a { text-decoration: none;
    color:navy;
    }
a.photo
{
	font-family: Verdana;
	color: red;
	background-color: black;
}
a.photo:hover
{
	font-family: Verdana;
	color: black;
	background-color: red;
	
}
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
	} 	
	
h8 {text-decoration: none;
    font-weight :normal;
    font-family:Arial;
	text-align:center;
	background-position:center;
	font-size:xx-small;
	color:navy;
	} 	

h9 {text-decoration: none;
    font-weight :normal;
    font-family:"Courier New", Courier, monospace;
	text-align:center;
	background-position:center;height:20px;
	color:navy;
	} 	

ul {
     margin:0;
     padding:0;
     list-style: none;
   
	}            
ul.concours { 
     padding: 15px;
     list-style:circle;
     list-style-type: none;
    }
li {
     margin:0;
     padding:0;
     list-style: none;   
	}            

li.concours { 
     padding-left: 5px;
     list-style:circle;
     list-style-type: circle;
     font-size: 8pt;
    }
            
           
            
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;
           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 : 340px;
           background-color:#FFFFDD;
              padding: 1px;
               border: 1px  solid #C2BCC5;
               vertical-align:middle;
               text-align:center
           
            }
               
#nouvelle2 { position: absolute;
              z-index: 1;
                 top : 1px;
                left : 351px;
               width : 346px;
              height : 340px;
                color: #000;
     background-color: white;
              padding: 5px;
           border: 0px  solid #C2BCC5
           
           }
               
#nouvelle3 { position: absolute;
              z-index: 1;
                 top : 251px;
                left : 1px;
               width : 348px;
              height : 250px;
                color: NAVY;
     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 ;
                color: NAVY;

               
               }
 
#nouvelle_liste { position:relative;
              z-index: 1;
                 top : 340px;
                left : 1px;
               width : 700px;
              height :auto;
                color: NAVY;
     background-color:#51A8FF;
               border: 2px 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
                      
                    }          

/*****************************************************************/
/ Divisions POUR PAGE d'accueil
/*****************************************************************/
#tableaccueil {
	background-color: #ccFFFF; 
    width: 350px;   
    	
}
#tableaccueil td {
	background-color: #ffffff;
	padding: 6px;
	color: #645233;
	width: 350px;
	vertical-align:top;
	text-align:justify;
}
#tableArticle{
	background-color: #FFFFFF; 
    
}
#tableArticle th {
	background-color: #336699;
	padding: 2px;
	color: #ffffff;
	width: 350px;
	vertical-align:middle;
	text-align:center;
}
#tableArticle td {
	background-color: #ffffff;
	padding: 10px;
	color: #645233;
	width: 350px;
	vertical-align:top;
	text-align:justify;
}




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

#tablebibli th { padding: 5px;
                 background-color:white; 
                 font-weight: small ;
                 
                 }

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

#tablebibli tf { padding: 3px; 
               }          



/*****************************************************************/
/* TABLEAUX      POUR PAGE ÉVÈNEMENTS
/*****************************************************************/
#tableEVE { background-color:WHITE; 
                border: 0px;
                border-collapse: collapse;width:700px;
             }

#tableEVE th { padding: 5px;
                background-color:white; 
               font-size:Large;text-align:left;font-family:Verdana;font-weight:bold;font-style:oblique
                 
                 
                 }

#tableEVE td { padding: 5px;
                 text-align:justify;
                 vertical-align:middle;
                 font-size:small;
                 width:AUTO;border-bottom:1px solid navy
                 
                 }
 


#tableEVE tf { padding: 5px;
                 text-align:LEFT;
                 vertical-align:top;
                 font-size:small;
                 width:AUTO
                 
                 }


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

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



/*****************************************************************/
/ TABLEAUX     POUR MESSAGE PRINCIPAL
/*****************************************************************/
#tableMES { 
	background-color:#CCFFFF; 
    border: 2px solid navy;
    width:700px;text-align:center;vertical-align:top
            
             }

#tableMES th { padding: 5px;
                 background-color:white; 
                 font:xx-small  ;
                 
                 }

#tableMES td { padding: 0px;
                 text-align:justify;margin-left:10PX;margin-right:10PX;
                 vertical-align:top;
                 font-size:small;
                 border:0px;border-width:medium;width:320PX
                 
                 }

#tableMES tf { padding: 3px; 
               }          


/*****************************************************************/
/ TABLEAUX     POUR MESSAGE BAS PAGE ACCUEIL
/*****************************************************************/
#tableBAS {	   background-color:#51A8FF; 
               border: 1px solid navy;
              text-align:center;vertical-align:top
             }

#tableBAS th { width:100px;vertical-align:top;
               background-color:white;
               font-size:xx-small  ; border: 1px solid #336699;
                 
                 }

#tableBAS td { font-size:small;  background-color:white;text-align:justify;
                border:1px solid #336699;width:600px;vertical-align:top
                 
                 }

#tableBAS tf { padding: 3px; 
               }          


/*****************************************************************/
/ TABLEAUX      POUR LISTER VOLUMES
/*****************************************************************/
#tableBibli2 { background-color:WHITE; 
               vertical-align:top;text-align:center
             }

#tablebibli2 th { padding: 5px;
                 background-color:white;width:auto;text-align:left;font-weight:bold
             
                 
                 }

#tablebibli2 td { padding: 5px;
                 text-align:justify;
                 vertical-align:top;
                 font-size:small;
                 width:AUTO;border-bottom:1PX SOLID NAVY;min-width:150px

                 
                 }

#tablebibli2 tf { padding: 3px; 
               }          



/*****************************************************************/
/ TABLEAUX 1      invisible
/*****************************************************************/
#tableauinv th { padding: 5px;
                 border:0px;
                 width:800px;border-bottom-style:none

                   
                   }

#tableauinv td { padding: 5px;width:auto;
                    border:0px 
                    
                    }

#tableauinv tf { padding: 3px; 
                   border: 0px 
                
                    }