body
{
padding: 10px; /* On ajoute un padding pour que les cadres ne collent pas sur les bords */
margin: auto;
background-image:url("../images/fond.jpg");
background-repeat: repeat-x;
background-attachment: fixed; 
color:rgb(204,255,152);
font-family:"Palatino Linotype", serif;
}
              
.hg
{
   float: left; /* La première partie sera à gauche*/
   width: 56px;
   height: 111px;
   background-image: url('../images/extensible/haut_gauche.gif');
   background-repeat: no-repeat;
  margin-right: -40px; /*Pour que la partie 1 se colle à la 2.*/
}

.haut
{
   width:auto; /* Se répétera sur la place qu'on lui donne. */
   height: 111px;
   background-image: url('../images/extensible/haut.gif');
   background-repeat: repeat; /* Un repeat-x aurait suffit, mais comme on définit la hauteur c'est pas la peine*/
}

.hd
{
   float: right; /* La dernière partie est à droite */
   width:449px;
   height: 111px;
   background-repeat: no-repeat;
   margin-left : -5px; /*Pour que la partie 3 se colle à la 2.*/
}


.mg
{
   float: left; /* La première partie sera à gauche*/
   width: 56px;
   background-image: url('../images/extensible/gauche.gif');
   background-repeat: repeat-y;
   margin-right: -40px; /*Pour que la partie 1 se colle à la 2.*/
}

.milieu
{
   width:auto; /* Se répétera sur la place qu'on lui donne. */
   background-image: url('../images/extensible/milieu.gif');
   background-repeat: repeat; /* Un repeat-x aurait suffit, mais comme on définit la hauteur c'est pas la peine*/
   text-align:center;
}

.md
{
   float: right; /* La dernière partie est à droite */
   width:56px;
   background-image: url('../images/extensible/droite.gif');
   background-repeat: repeat-y;
   margin-left : -5px; /*Pour que la partie 3 se colle à la 2.*/
}					  


.bg
{
   margin-top: -20px;
   float: left; /* La première partie sera à gauche*/
   width: 56px;
   height: 111px;
   background-image: url('../images/extensible/bas_gauche.gif');
   background-repeat: no-repeat;
  margin-right: -40px; /*Pour que la partie 1 se colle à la 2.*/
}

.bas
{
   margin-top: -20px;
   width:auto; /* Se répétera sur la place qu'on lui donne. */
   height: 111px;
   background-image: url('../images/extensible/bas.gif');
   background-repeat: repeat; /* Un repeat-x aurait suffit, mais comme on définit la hauteur c'est pas la peine*/
}

.bd
{
   margin-top: -20px;
   float: right; /* La dernière partie est à droite */
   width:449px;
   height: 111px;
   background-image: url('../images/extensible/bas_droit.gif');
   background-repeat: no-repeat;
   margin-left : -5px; /*Pour que la partie 3 se colle à la 2.*/
}

 a
 {
 color:red;
 text-decoration:none;
 }
 a:hover
 {
 color:rgb(192,255,38);
 font-weight:bold;
 }
 a:active, a:focus
 {
 color:yellow;
 }
 a img
 {
 border:none;
 }