style.css

fieldset
{
margin-left:200px;
margin-right:200px;
   margin-bottom: 15px;   /* Une marge pour séparer les fieldset */
   background-color: #E0FFFF;
   
   
}
#footer
{
background : #4169E1;
border: 2px inset #B0E0E6;
text-align: center;
}
#footer a
{
font-size:15px;
color: #BCAFA6;
text-decoration: none;
}
#footer a:hover
{
	color: #ff9933;
}
#sous_footer
{
padding-top: 10px; 
border-top: 2px solid;
width: 500px;
position:relative;
left: 185px;
}

#topmenu, #topmenu ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 25px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#topmenu /* Ensemble du topmenu */
{
        font-weight : none; /* on met le texte en gras */
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 18px; /* hauteur du texte : 12 pixels */
}

#topmenu a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        background : #4169E1; /* couleur de fond */        
        color : #fff; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 170px; /* largeur */
		-moz-border-radius:0.4em; /* sert a arondire les coté du lien */
	    -khtml-border-radius:0.4em;
}

#topmenu li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #topmenu li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#topmenu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 144px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}

#topmenu li ul a
{
background:#40E0D0;
}

#topmenu li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}
#topmenu li ul li ul a
{
background: #87CEEB;
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #topmenu li ul li                
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#topmenu li ul ul 
{
        margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #topmenu li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}
#topmenu a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #000; /* On passe le texte en noir... */
        background: #48D1CC; /* ... et au contraire, le fond en blanc */
}
#topmenu li:hover ul ul, #topmenu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#topmenu li:hover ul, #topmenu li li:hover ul, #topmenu li.sfhover ul, #topmenu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}

#topmenudown /* Ensemble du topmenudown */
{
        font-weight : bold; /* on met le texte en gras */
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 12px; /* hauteur du texte : 12 pixels */
}

#topmenudown a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        background : #aaa; /* couleur de fond */        
        color : #eee; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 144px; /* largeur */
}

#topmenudown li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #eee; /* on met une bordure blanche à droite de chaque élément */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #topmenudown li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#topmenudown li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 144px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}

#topmenudown li ul a
{
background:#aaa;
}

#topmenudown li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}
#topmenudown li ul li ul a
{
background: #BCAFA6;
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #topmenudown li ul li                
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#topmenudown li ul ul 
{
        margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #topmenudown li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}
#topmenudown a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #000; /* On passe le texte en noir... */
        background: #fff; /* ... et au contraire, le fond en blanc */
}
#topmenudown li:hover ul ul, #topmenudown li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#topmenudown li:hover ul, #topmenudown li li:hover ul, #topmenudown li.sfhover ul, #topmenudown li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}

#topmenudown, #topmenudown ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 21px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu
{
width:841px;
height:442px;
font-size : 120%;
text-align : center;
text-decoration: none;
background: url("IMG/backgroundmain.png") top center no-repeat;
}
input {
width:150px;
	padding        : 0.15em;
	border         : 1px solid #ddd;
	background     : #fafafa;
	font           : 0.6em arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
	margin-top     : 2px;
}
.ajout
{
text-align:left;
margin-left : 280px;
}
label 
{
text-align: left ;
color :#759197 ;
font-size : 70%;
}
select
{
width:155px;
}
input[type=submit]:hover{
	border-color   : #c5c5c5;
	background     : #B0C4DE;
	color		   : #191970;
	font-size : 90%;
}
input[type=submit]{
	margin-left    : 1em;
	width          : 130px;
	height         : 33px;
	border         : 0;
	background     : #4682b7;
	display        : inline-block;
	cursor         : pointer !important; cursor:hand;
	color          : #fff;
	font-family    : Cambria;
	font-size : 90%;
}
input[type=reset]:hover{
	border-color   : #c5c5c5;
	background     : #B0C4DE;
	color		   : #191970;
	font-size : 90%;
}
input[type=reset]{
	margin-left    : 1em;
	width          : 130px;
	height         : 33px;
	border         : 0;
	background     : #4682b7;
	display        : inline-block;
	cursor         : pointer !important; cursor:hand;
	color          : #fff;
	font-family    : Cambria;
	font-size :90%;
}
.searchresult
{
width:644px;
height:320px;
font-size : 80%;
text-align : left ;
text-decoration: none;
background: url("IMG/backgroundserachresult.png") left no-repeat;
margin-left:50px ;
}
.searchresult table
{
margin-left:30px ;
}
#search
{
width:841px;
font-size : 120%;
text-align : center;
text-decoration: none;
}
.entete_search
{
height : 30px ;
background: url("IMG/entetesearch.png") top right no-repeat;
padding : 0px;

}
.empruntlist
{

margin-left : 7px;
font-size:60%;
}

table
{
   border-collapse: collapse;
   border:0px;
   
}
.lienep a
{
	text-align	   : center;
	padding        : 0.15em;
	font           : 0.95em arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
	margin-top     : 2px;
	margin-left    : 1em;
	width          : 100px;
	height         : 20px;
	border         : 0;
	background     : #4682b7;
	display        : inline-block;
	cursor         : pointer !important; cursor:hand;
	color          : #fff;
	font-family    : Cambria;
    text-decoration : none ;
}

.description
{
width : 229px;
height : 75px;
font-size: 60%;
text-align : left;
}
.cor_search
{
background: url("IMG/corsearch.png") left repeat-y;
}
.pied_search
{
height : 30px ;
background: url("IMG/piedsearch.png") top center no-repeat;
}
#main
{
width:841px;
height:442px;
font-size : 120%;
text-align : center;
text-decoration: none;
background: url("IMG/backgroundmain.png") center no-repeat;
}
#main p
{
margin-left :30px ;
}
#menu a
{
	padding        : 0.15em;
	border         : 1px solid #ddd;
	background     : #B0C4DE;
	font           : 0.95em arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
	margin-top     : 2px;
	margin-left    : 1em;
	width          : 200px;
	height         : 33px;
	border         : 0;
	background     : #4682b7;
	display        : inline-block;
	cursor         : pointer !important; cursor:hand;
	color          : #fff;
	font-family    : Cambria;
}
#menu a:hover
{	padding        : 0.15em;
	border         : 1px solid #ddd;
	background     : #B0C4DE;
	font           : 0.95em arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
	margin-top     : 2px;
	border-color   : #c5c5c5;
	color		   : #191970;
}
.delete
{
font:150%;
color :red ;
text-align : center ;
}
.delete a 
{
padding        : 0.15em;
	border         : 1px solid #ddd;
	font           : 0.95em arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
	margin-top     : 2px;
	margin-left    : 1em;
	width          : 200px;
	height         : 33px;
	border         : 0;
	background     : red;
	display        : inline-block;
	cursor         : pointer !important; cursor:hand;
	color          : #fff;
	font-family    : Cambria;
}
.cor_act
{
font-family: "times New romans", Sans-serif;
background-color: #ffffff;
font-size:0.9em;
text-align:left;
}
.cor_act h2
{
color: green;
font-size: 0.9em;
}
.cor_act a, .sout
{
text-decoration: none;
color: green;
}
.cor_act a:hover
{
color: #ff6600;
}
.haut_act
{
color: #ffffff;
background: url("IMG/haut_actua.png") right no-repeat;
}
.foot_act
{
color: #2A244C;
background: url("IMG/bas_actua.png") right no-repeat;
font-size: 0.8em;
}
body
{
background: url("IMG/fond.png") repeat-x;

width: 871px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
margin-top: 20px;
font-family: Arial, "Times New Romans", sans-serif;
}