em{
font-weight:bold;
font-size:medium;
}

h2{
color:seagreen;
}

h3{
color:seagreen;
font-weight:bold;
font-size:small;
}

fieldset{
background-color:LemonChiffon;
font-size:small;
}

th{
background-color:mediumseagreen;
border: 1px solid black;
text-align:center;
}

tr{
border: 1px solid black;
text-align:center;
vertical-align:top;
}

tr:hover{
background-color:orange;
}

td{
text-align:center;
}

table{
border: 1px solid black;
background-color:LemonChiffon;
font-size:small;
}

pre{
	display: block;
    font-family: monospace;
    white-space: pre;
    margin: 1em 0;
	line-height: 50%;
}

#dateconnexion{
margin-left:0em;
width:11em;
padding-left:0;
top:10px;
left:20px;
position:absolute;
text-align:center;
}

#connexion{
margin-left:0em;
background-color:LemonChiffon;
width:11em;
padding-left:0;
top:90px;
left:20px;
position:absolute;
text-align:center;
}

#connecte{
margin-left:0em;
background-color:LemonChiffon;
width:11em;
padding-left:0;
top:20px;
left:0px;
position:absolute;
}

#connecte li{
list-style:none;
text-align:left;
padding-left:20px;
}

#connecte a:link{
text-decoration:none;
color:blue;
}

#connecte a:hover{
background-color:mediumseagreen;
display:block;
}

#connecte a:visited{
text-decoration:none;
color:blue;
}

#navigation{
margin-left:0em;
background-color:LemonChiffon;
width:11em;
padding-left:0;
top:250px;
left:20px;
position:absolute;
text-align:center;
}

#menu{
margin-left:0em;
background-color:LemonChiffon;
width:11em;
padding-left:0;
top:20px;
left:0px;
position:absolute;
}

#menu lh{
list-style:none;
text-align:center;
color:seagreen;
}

#menu li{
list-style:none;
text-align:left;
padding-left:20px;
}

#menu a:link{
text-decoration:none;
color:blue;
}

#menu a:hover{
background-color:mediumseagreen;
display:block;
}

#menu a:visited{
text-decoration:none;
color:blue;
}

#contact{
margin-left:0em;
background-color:LemonChiffon;
width:11em;
padding-left:0;
top:500px;
left:20px;
position:absolute;
text-align:center;
}

#coord{
margin-left:0em;
background-color:LemonChiffon;
width:11em;
padding-left:0;
top:20px;
left:0px;
position:absolute;
}

#coord li{
list-style:none;
text-align:left;
padding-left:20px;
}

#coord a:link{
text-decoration:none;
color:blue;
}

#coord a:hover{
background-color:mediumseagreen;
display:block;
}

#coord a:visited{
text-decoration:none;
color:blue;
}

#adresse li{
list-style:none;
text-align:left;
padding-left:20px;
}

#fond{
background-image:url("image/fond.jpg");
top:0px;
height:600px;
width:1015px;
}

#formlogin{
left:20px;
position:absolute;
top:250px;
width:10em;
}

#pagecentrale{
margin:0;
top:15px;
left:220px;
position:absolute;
}

#message {
top:20px;
position:absolute;
}

#titre{
border: 0;
font-weight:bold;
font-size:large;
}

#logo{
border: 0;
font-weight:bold;
font-size:large;
}

#rouge{
font-weight:bold;
font-size:medium;
background-color:red;
}

#orange{
font-weight:bold;
font-size:medium;
background-color:orange;
}

#vert{
font-weight:bold;
font-size:medium;
background-color:green;
}

#choix{
background-color:LemonChiffon;
margin:0;
padding:0;
}

#choix li{
list-style-type:none;
display:inline;
padding-right:20px;
}

#choix a:link{
text-decoration:none;
color:blue;
}

#choix a:visited{
text-decoration:none;
color:blue;
}

#choix a:hover{
font-weight: bold;
}

#impression{
margin:0;
top:1px;
left:1px;
position:absolute;
}

#alpha li{
float:left;
list-style:none;
text-align:left;
padding:5px;
}

#alpha a:link{
text-decoration:none;
color:blue;
}

#alpha a:hover{
background-color:mediumseagreen;
display:block;
}

#alpha a:visited{
text-decoration:none;
color:blue;
}

a.button{
background:LemonChiffon;
border:1px solid #B0C4DE;
border-radius:8px;
display:block;
height:25px;
line-height:24px;
margin-bottom:10px;
text-decoration:none;
width:120px;
}

a:hover.button{
background:orange;
}

a:visited.button{
text-decoration:none;
color:blue;
}

a.sort{
text-decoration:none;
}

a:visited.sort{
text-decoration:none;
color:blue;
}

.add{
background:url(icon/add.gif) no-repeat 10px 5px;
text-indent:30px;
display:block;
}
	
.delete{
background:url(icon/delete.gif) no-repeat 10px 5px;
text-indent:30px;
display:block;
}
	
.user{
background:url(icon/user.gif) no-repeat 10px 5px;
text-indent:30px;
display:block;
}

.rouge{
font-weight:bold;
font-size:medium;
background-color:red;
}

.orange{
font-weight:bold;
font-size:medium;
background-color:orange;
}

.vert{
font-weight:bold;
font-size:medium;
background-color:green;
}

.gris{
font-weight:bold;
font-size:medium;
background-color:gray;
}

.mauve{
font-weight:bold;
font-size:medium;
background-color:purple;
}

.lien{
text-decoration:none;
padding: 5px 5px;
display: inline-block;
color:white;
}

.bouton {
    background-color: gray;
    border: none;
    color: white;
    padding: 2px 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
	
}
.bouton:hover {
    background-color: green;
    color: white;
}

.left{
	text-align: left;
	vertical-align: middle;
}

.right{
	text-align: right;
	vertical-align: middle;
}

.nounderline{
text-decoration:none;
padding: 5px 5px;
display: inline-block;
color:blue;
}