body {
background: #8F5E5D;
line-height: 1;
font: 30px Arial, Helvetica, Verdana, sans-serif;
color: blue;
}



.titre {
font: 18px arial, Helvetica, Verdana, sans-serif;
color: #16B84E;
}

ul.pagination {
    
    text-align: center;
}

ul.pagination li {
    display: inline;
    margin: 20px 20px;
    padding: 3px;
    text-align: center;
}

ul.pagination li.page-courante {
    font-weight: bold;
}

a.bouton {  

        color: #666;  

        font: bold 10px Arial, sans-serif;  

        
        width: 80px;  

        height: 12px;  

        line-height: 10px;  

        text-align: center;  

        text-decoration: none;  

        border: 1px solid #aaa;  

        background: #f8f8f8;  

        border-radius: 6px;  

        background: -moz-linear-gradient(top, #f8f8f8 40%, #cacaca 100%);  

        background: -webkit-linear-gradient(top, #f8f8f8 40%, #cacaca 100%);  

        background: -o-linear-gradient(top, #f8f8f8 40%, #cacaca 100%);  

        background: -ms-linear-gradient(top, #f8f8f8 40%, #cacaca 100%);  

        background: linear-gradient(top, #f8f8f8 40%, #cacaca 100%);  

        text-shadow: 0 1px 0 #fff;  

        box-shadow: 0 0 5px rgba(0,0,0,0.2);  

    }  

    a.bouton:hover {  

        background: -moz-linear-gradient(top, #cacaca 20%, #f8f8f8 100%);  

        background: -webkit-linear-gradient(top, #cacaca 20%, #f8f8f8 100%);  

        background: -o-linear-gradient(top, #cacaca 20%, #f8f8f8 100%);  

        background: -ms-linear-gradient(top, #cacaca 20%, #f8f8f8 100%);  

        background: linear-gradient(top, #cacaca 20%, #f8f8f8 100%);  

    }  

    a.bouton:active {  

        box-shadow: 0 0 5px rgba(0,0,0,0.2) inset;  

    }  

table {
 border-collapse:collapse;
 width:90%;
 }
th, td {
 border:1px solid black;
 width:20%;
 }
td {
 text-align:center;
 font: arial, Helvetica, Verdana, sans-serif;
 }
caption {
 font-weight:bold
 }