* {
margin: 0px;
padding: 0px;
}

body {
margin-top : 20px;
height: 100%;
width: 100%;
font-size: 11px;
background: url("images/fond_footer.png");
background-repeat: repeat-x;
background-position: bottom;
background-color : #92c150; /* j'applique une couleur verte */
}

#btn_accueil
{
width: 108px;
height: 32px;
position: relative;
display: block;
float: left;
background: url('images/accueil.png');
background-position: top;
}
#btn_accueil:hover
{
width: 108px;
float: left;
height: 32px;
display: block;
position: relative;
background: url('images/accueil.png');
background-position: bottom;
}

#btn_pokedex
{
width: 125px;
height: 32px;
position: relative;
display: block;
float: left;
background: url('images/pokedex.png');
background-position: top;
}
#btn_pokedex:hover
{
width: 125px;
float: left;
height: 32px;
display: block;
position: relative;
background: url('images/pokedex.png');
background-position: bottom;
}

#btn_itemdex
{
width: 120px;
height: 32px;
position: relative;
display: block;
float: left;
background: url('images/itemdex.png');
background-position: top;
}
#btn_itemdex:hover
{
width: 120px;
float: left;
height: 32px;
display: block;
position: relative;
background: url('images/itemdex.png');
background-position: bottom;
}
#btn_berrydex
{
width: 108px;
height: 34px;
position: relative;
display: block;
float: left;
background: url('images/berrydex.png');
background-position: top;
}
#btn_berrydex:hover
{
width: 108px;
float: left;
height: 34px;
display: block;
position: relative;
background: url('images/berrydex.png');
background-position: bottom;
}

#btn_trainerdex
{
width: 125px;
height: 34px;
position: relative;
display: block;
float: left;
background: url('images/trainerdex.png');
background-position: top;
}
#btn_trainerdex:hover
{
width: 125px;
float: left;
height: 34px;
display: block;
position: relative;
background: url('images/trainerdex.png');
background-position: bottom;
}

#btn_strategidex
{
width: 128px;
height: 34px;
position: relative;
display: block;
float: left;
background: url('images/strategidex.png');
background-position: top;
}
#btn_strategidex:hover
{
width: 128px;
float: left;
height: 34px;
display: block;
position: relative;
background: url('images/strategidex.png');
background-position: bottom;
}

#btn_attackdex
{
width: 134px;
height: 34px;
position: relative;
display: block;
float: left;
background: url('images/attackdex.png');
background-position: top;
}
#btn_attackdex:hover
{
width: 134px;
float: left;
height: 34px;
display: block;
position: relative;
background: url('images/attackdex.png');
background-position: bottom;
}

#btn_animdex
{
width: 126px;
height: 34px;
position: relative;
display: block;
float: left;
background: url('images/animdex.png');
background-position: top;
}
#btn_animdex:hover
{
width: 126px;
float: left;
height: 34px;
display: block;
position: relative;
background: url('images/animdex.png');
background-position: bottom;
}

#btn_cardex
{
width: 131px;
height: 34px;
position: relative;
display: block;
background-position: top;
float: left;
background: url('images/cardex.png');
}
#btn_cardex:hover
{
width: 131px;
float: left;
height: 34px;
display: block;
position: relative;
background: url('images/cardex.png');
background-position: bottom;
}

#btn_abilitydex
{
width: 159px;
height: 34px;
position: relative;
display: block;
background-position: top;
float: left;
background: url('images/abilitydex.png');
}
#btn_abilitydex:hover
{
width: 159px;
float: left;
height: 34px;
display: block;
position: relative;
background: url('images/abilitydex.png');
background-position: bottom;
}

 /* Les divs */
#page { /* Ce div contnue l'ensemble de la page web hormis le fond verte, elle est contenue par body */
width : 911px;

background : url("images/corps.png");
position: relative;
margin-bottom: 0px;
bottom: 0%;
margin: auto;
margin-top : 20px;
font-size: 11px;
margin-bottom: -40px;
background-color : #fefeca; /* j'applique une couleur verte */
}
#topbanner { /* Insertion de la première partie de la bannière */
height : 110px;
background : url("images/header.png");
}

#midlebanner {   /* Insertion de la seconde partie de la bannière */
background : url('images/header2.png');
background-position : right top;
background-repeat : no-repeat;
height : 32px;
text-align: left;
margin-top: 0px;
}

#recherche {
position: absolute;
top: 112px;
right: 27px;
width: 264px;
height: 44px;
background-image: url("images/barre_recherche.png");
background-repeat: no-repeat;
}

#recherche input {
margin-top: 20px;
margin-left: 22px;
width: 160px;
background: transparent;
border: none;
}

#midlebanner2 {    /* Insertion de la troisième partie de la bannière */
height : 17px;
background : url("images/header3.png");
}
#corps {    /* Le corps du site */
margin-bottom : 40px;
margin-left : 10px;
width : 899px;
font : normal 11.4px trebuchet, arial, sans-serif;
color : #303f1a;
font-size: 11px;
}
#footer {   /* Le pied de page */
width : 933px;
height: 218px;
background : url("images/footer.png");
background-repeat: no-repeat;
background-position: bottom;
position: relative;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
text-align: center;
font-size: 11px;
}
a {    /* Modification de la couleur bleues des liens à une orange et enlèvement du souslignement */
color : #d76c27;
text-decoration : none;
}
a:hover {
color:#d6b321;
}
/* Les titres */
h1
{
font-size:35px;
margin: 40px;
margin-bottom: 10px;
text-align: center;
}

h2 {   /* Les titres seront centrés */
text-align: center;
font: verdana;
margin: 20px;
}

h3
{
margin-top: 20px;
}
 /* Fin du design principal */
 
/* Les balises HTML */
img {  /* J'enlève les bordures bleues autour des images*/
margin : 0;
border : none;
}
/* fin des balises HTML */

/* Le CSS de mise en forme  */

.tableau_liste {
border-collapse: collapse;
margin: auto;
width: 90%;
}

.tableau_liste td {
border: 1px solid #d0d4a2;
padding: 3px;
text-align: center;
}

.tableau_liste tr:hover td {
background-color: #f8f9e8;
}

.th_tableau_liste { /* La première ligne des tableaux */
background-color: #d0d4a2;
font-weight: lighter;
font-size: 13px;
}

.tableau_liste_stat {
border-collapse: collapse;
margin: auto;
width: 90%;
text-align: center;
}

.tableau_liste_stat td {
border: 1px solid #d0d4a2;
}

.tableau_liste_stat tr:hover td {
background-color: #f8f9e8;
}

.statsdex /* Les statistiques sur le Pokédex */
{
margin:auto;
text-align: left;
padding-left: 25px;
padding-bottom: 8px;
height: 40px;
text-align: left;
width: 220px;
background: url("/images/divers/barrestatsbg.png");
background-repeat: no-repeat;
}
/* Fin du CSS de mise en forme */