HTML { 
padding-right : 0;
padding-left : 0;
padding-bottom : 0;
margin : 0;
padding-top : 0;
} 
BODY { 
padding-right : 0;
padding-left : 0;
padding-bottom : 0;
margin : 0;
padding-top : 0;
background : #006600;
} 

.en_tete { 
background-color : #ccff99;
text-align : center;
margin-left: auto;
margin-right: auto;
} 

.contenub { 
background-color : #ccff99;
} 
.contenu_lecture { 
background-color : white;
} 
.contenu { 
background-color : #99cc66;
} 


.cadre_menu_vertical_ext { 
float : left;
background-color : #006600;
} 
.cadre_menu_vertical_int { 
background-color : #ccff99;
} 


.cadre_corps_central_ext_biblio { 
background-color : #006600;
margin-left : 5px; 
} 
.cadre_corps_central_ext { 
background-color : #006600;
} 
.cadre_corps_central_ext_accueil { 
background-color : #006600;
} 
.cadre_corps_central_int { 
background-color : #99cc66;
} 
.cadre_corps_central_int_miniatures { 
background-color : #99cc66;
} 
.cadre_corps_central_int_lecture { 
background-color : white;
} 
.cadre_corps_central_ext_oiseaux { 
background-color : #006600;
}
.cadre_corps_central_ext_sans_menu { 
background-color : #006600;
margin-left : 10px;
margin-right : 10px;
}


.cadre_photos { 
float : center;
background-color : #006600;
} 

.hautgaucheb, .hautdroitb, .basgaucheb, .basdroitb { 
height : 19px;
width : 19px;
background-repeat : no-repeat;
font-size : 1px;
} 
.hautgaucheb { 
background : url(bibliotheque/hautgaucheb.gif);
} 
.hautdroitb { 
float : right;
background : url(bibliotheque/hautdroitb.gif);
} 
.basgaucheb { 
background : url(bibliotheque/basgaucheb.gif);
} 
.basdroitb { 
float : right;
background : url(bibliotheque/basdroitb.gif);
} 

.hautgauche_lecture, .hautdroit_lecture, .basgauche_lecture, .basdroit_lecture { 
height : 19px;
width : 19px;
background-repeat : no-repeat;
font-size : 1px;
} 
.hautgauche_lecture { 
background : url(bibliotheque/hautgauchebb.jpg);
} 
.hautdroit_lecture { 
float : right;
background : url(bibliotheque/hautdroitbb.jpg);
} 
.basgauche_lecture { 
background : url(bibliotheque/basgauchebb.jpg);
} 
.basdroit_lecture { 
float : right;
background : url(bibliotheque/basdroitbb.jpg);
} 



.hautgauche, .hautdroit, .basgauche, .basdroit { 
height : 19px;
width : 19px;
background-repeat : no-repeat;
font-size : 1px;
} 
.hautgauche { 
background : url(bibliotheque/hautgauche.gif);
} 
.hautdroit { 
float : right;
background : url(bibliotheque/hautdroit.gif);
} 
.basgauche { 
background : url(bibliotheque/basgauche.gif);
} 
.basdroit { 
float : right;
background : url(bibliotheque/basdroit.gif);
} 

div.bloc1 {
      	width: 165px;
      	height: 150px;
      	overflow: auto;
      	background-color : white;
      }

div.menu_horyzontal { 
text-align : right;
width : 100%;
background : #006600;
font : 11px Verdana, Arial, Helvetica, sans-serif;
letter-spacing : 0.2em;
} 
div.menu_horyzontal a { 
font : 11px Verdana, Arial, Helvetica, sans-serif;
color : #003366;
font-weight : bold;
letter-spacing : 0.1em;
} 
div.menu_horyzontal a:hover { 
color : #ff6600;
letter-spacing : 0.1em;
} 
td { 
font : 13px Verdana, Arial, Helvetica, sans-serif;
color : black;
} 
a { 
color : #712500;
font-weight : bold;
} 
a:hover { 
color : #3366cc;
} 
.navigation td { 
border-bottom : 2px solid #c0dffd;
} 
.navigation a { 
font : 11px Verdana, Arial, Helvetica, sans-serif;
color : #003366;
line-height : 16px;
letter-spacing : 0.1em;
text-decoration : none;
display : block;
padding : 8px 6px 10px 26px;
background : url("puce.gif") no-repeat 14px 45%;
} 
.navigation a:hover { 
background : #ffcc99 url("puce.gif") no-repeat 14px 45%;
color : #ff6600;
} 


.tagline { 
font : 12px Verdana, Arial, Helvetica, sans-serif;
color : #ff9933;
letter-spacing : 0.4em;
line-height : 18px;
} 
a.button{ 
display : block;
background-color : transparent;
background-image : url(bibliotheque/buttonbackground1.png);
background-repeat : no-repeat;
width : 150px;
height : 42px;
padding : 5px 0 0 0;
text-align : center;
font-family : Arial, Helvetica, sans-serif;
font-size : 100%;
font-weight : bold;
text-decoration : none;
} 
a.button:link, a.button:visited , a.button2:link, a.button2:visited{ 
color : #002577;
background-position : 0 0;
} 
a.button:hover,a.button2:hover { 
background-position : 0 -52px;
color : #ff7200;
} 
a.button:active,a.button2:active { 
background-position : 0 -102px;
color : #ff7200;
} 

a.button2{ 
display : block;
background-color : transparent;
background-image : url(bibliotheque/buttonbackground2.png);
background-repeat : no-repeat;
width : 176px;
height : 42px;

padding : 5px 0 0 0;
text-align : center;
font-family : Arial, Helvetica, sans-serif;
font-size : 100%;
font-weight : bold;
text-decoration : none;
} 





.image_externe { 
border-color  : #cc9933, red ;
border-color : red ; 
border : 2 px;
} 

.bodyText { 
font : 13px Verdana, Arial, Helvetica, sans-serif;
color : black, #003366;
line-height : 20px;
margin-top : 0;
text-align : left;
} 
.pageName { 
font : 25px Verdana, Arial, Helvetica, sans-serif;
color : #3366cc;
line-height : 24px;
letter-spacing : 0.2em;
} 
.subHeader { 
font : bold 16px Verdana, Arial, Helvetica, sans-serif;
color : #3366cc;
line-height : 16px;
letter-spacing : 0.2em;
} 
.titre { 
font : 18px Verdana, Arial, Helvetica, sans-serif;
color : #003366;
} 
.titre2 { 
font : 16px Verdana, Arial, Helvetica, sans-serif;
color : #3366cc;
line-height : 16px;
} 
.smallText { 
font : 10px Verdana, Arial, Helvetica, sans-serif;
color : black, #003366;
} 
.navText { 
font : 13px Verdana, Arial, Helvetica, sans-serif;
color : black, #003366;
line-height : 16px;
letter-spacing : 0.1em;
text-decoration : none;
} 

.php { 
font : 13px Verdana, Arial, Helvetica, sans-serif;
color : #0000ff;
line-height : 16px;
letter-spacing : 0.1em;
text-decoration : none;
} 

.menu{
    display:block;
    /* solve a Opera7/IE display bug */
    width:214px;
    width/**/:216px;
    border : 0;
    margin:0;
    padding:0;
    }
    
.menu span{
    display:none;
    }
 	
.menu ul{
	
    border : 0;
    margin:0;
    padding:0;
    position:absolute; /* important */
    width:214px;
    width/**/:216px;
    }
    
.menu li ul{
    visibility:hidden;
    }
            
.menu li ul {
    margin-left:216px; /* be careful */
    margin-top:-24px;
	background : #ccff99;
    }
    
.menu a{
font : 11px Verdana, Arial, Helvetica, sans-serif;
color : #003366;
line-height : 16px;
letter-spacing : 0.1em;
text-decoration : none;
display : block;
background : #ccff99 ;
border : 0;
margin: 0;
padding:3px 3px 3px 0; /* em units can creat little graphic bug in mozilla */
    }
    
.menu a:hover{
    background-color: #ccff66;
	border-bottom: 0;
    }
    
/* for a mozilla better display with key nav */
.menu a:focus{
    background-color: #ccff66;
	border-bottom: 0;
}

.menu span{
    /* hide some accessibility stuff */
    display:none;
    }
        
.menu li{
    width:216px;
    display:block;    
    float:left;  
    list-style:none;
    margin:0;
    padding:0;
    }
   

.photo {
	float:left;
	width: 320px;
	height: 260px;
    margin:5px;
}

.floatstop {
	clear:both;
}