body, html {
background-color: #cccccc;
background-image: url('../images/mainbackground.png');
background-position: top left;
background-repeat: repeat-y;
background-attachment: fixed;
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom: 0px;
font-family: 'Josefin Sans', helvetica, Arial;
color:#000000;
border-left: none;
border-right: none;
border-bottom: 0px solid #202020;
border-top: 0px solid #202020;

}

/* textes   */

h1 {
color: #000000;
font-size:1.5em;
text-align: left;
margin-left:none;
margin-right:none;
text-decoration:bold}

h2 {
font-size:1.4em;
color:#000000;
text-align:left;
margin-left:none;
margin-right:none}

h3 {
font-size:1.2em;
color:#000000;
text-align:left;
margin-left:none;
margin-right:none}

ul {
list-style: circle;
font-size: 0.8em;
}
p {
font-size: 0.8em;
}

p.center {
text-align: center;
}

p.bottom 
{font-size:0.6em;
color:#000000;
text-align:center;
font-weight: bold;}

p.footerlink a
{font-size:0.6em;
color:#333366;
text-align:center;
font-weight: bold;}


/*-liens --------------*/


a:link     {color:#003399;}
a:visited  {color:#003399;}
a:hover    {color:#000000;}
a:active   {color:#000000;}

a img {
border: 0px;}
/*---menu------------*/

ul.menucontainer 
{			   
  margin    :   0;              /* Marge extérieur nulle */
  padding   :   1px 1px 0;      /* Marge intérieur à 1px sauf pour le bas */ 
  width     :   170px;          /* Largeur de notre liste */
  font-size :   1em;          /* Taille de notre police */
  border    :   0px solid #000; /* Application d'une bordure */ 
}

ul.menucontainer  li 
{						  
  list-style-type   :  none;            /* Aucunes puces associées */
  margin-bottom     :  2px;            /* Ajout d'une marge en bas du lien */
}

ul.menucontainer  li a
{
  width             :   auto !important;   /* Largeur interprétée par tous les navigateurs excepté IE6 et inférieur */						
  width             : 	100%;              /* largeur interprétée par IE6 et inférieur */
  padding           :   4px;               /* Définition des marges intérieures */  
  text-decoration   :   none;
  font-weight: bold;              /* Suppression du soulignement */
  color             :   #000;              /* Couleur de la police */
  display           :   block;             /* Définition sous forme de block */
  background-color  :   ;           /* Définition de la couleur de fond */ 
  border            :   1px solid #7bac1d; /* Ajout d'une bordure */	
  border-left-width :   1px;               /* Modification de la bordure gauche */
  background-image: url('../images/bouton.png');
background-position: top left;
background-repeat: no-repeat;
}	
ul.menucontainer  li a:hover
{
  width             :   auto !important;   /* Largeur interprétée par tous les navigateurs excepté IE6 et inférieur */						
  width             : 	100%;              /* largeur interprétée par IE6 et inférieur */
  padding           :   4px;               /* Définition des marges intérieures */  
  text-decoration   :   none;              /* Suppression du soulignement */
  color             :   #fff;              /* Couleur de la police */
  display           :   block;             /* Définition sous forme de block */
  background-color  :   ;           /* Définition de la couleur de fond */ 
  border            :   1px solid #38621d; /* Ajout d'une bordure */	
  border-left-width :   1px;               /* Modification de la bordure gauche */
    background-image: url('../images/boutonover.png');
background-position: top left;
background-repeat: no-repeat;
}	


/*---------divs--------*/


.content {
width: 550px;
margin-left: auto;;
margin-right: 0px;
margin-top: 100px;
margin-bottom: 0px;
padding: 0px;
}

.footer {
background-color: #bbbbee;
margin: 0;
height: 100%;
clear: both;
}

.center {

width: 100%;
margin: 0;
text-align: center;
background-image: url('../images/squarebackground.png');
background-position: top center;
background-repeat: repeat-x;
background-attachment: scroll;
}

/*------------- TAble --------------*/

table.maintablelayout { 


text-align: left;
margin-top: 0;
margin-bottom: 0;
margin-left: 120px;
width: 80%;
}

td.leftcolumn {
             
    background-image: url('../images/bouton.png');
    background-position: top left;
    background-repeat: no-repeat; 
text-align: left;0.9
vertical-align: top;
width: 175px;

}

td.maincolumn {
text-align: left;
vertical-align: top;
padding: 0;
}