/* CSS issu des tutoriels www.alsacreations.com/articles */
body
{
margin:0;
padding:0;
font-family: Georgia, "gill sans", serif;
font-size: 12px;
background-image: url(lgrey005.jpg);
}
.head1
{


height: 91px;
}
.head2
{

height: 36px;
}
 
.gauche
{
  float:left;
  top: 0px;
  width: 181px ;
  height:500px;
  text-align:left;
}

.gauche2
{
  float:left;
  top: 0px;
  width: 181px ;
  height:500px;
  text-align:left;
  margin-left:60px;
}

#col1 {
  position: relative;
  top: 0px;
  width: 220px ;
  margin: 0;
  padding: 0;
  margin-right: 580px; 
  background-color: rgb(9,87,165);
  z-index:10;
}
#col1  a:visited, #col2  a:link {
  color: rgb(9,87,165);
}

#col1  a:hover {
  color: white;
  background-color: rgb(9,87,165);
}

#col1 table {
  background-color: rgb(255,153,00);
  margin-left: auto;
  margin-right: auto;
  padding:0;
  width: 400px;
  border: 1px solid black;
  font-size: 14px;
}

#col1 table td.numero{
  text-align: right;
}



 
#col1 ul{
  margin:0;
  padding: 0;
  margin: 10px;
  padding-bottom: 1em;
  list-style-type: none;
  color: white;
}

#col1 li{
  text-indent: 30px;
  font-style: italic;
}

#col1 li.spazio{
  padding-top: 1em;
  text-indent: 10px;
  font-style: normal;
  font-weight: bold;
  color : yellow;
}

#col1 ul a:visited, #col1 ul a:link , #col1 ul a:active{
  display:block;
  color: white;// rgb(226,218,49);
  width: 100%
}

#col1 ul a:hover {
  display:block;
  color: black;//rgb(9,87,165);
  background-color: silver;//rgb(226,218,49);
  width: 100%;
}


#col2 {
  position: relative;
  top: 100px;
  width: 220px ;
  margin: 30px;
  padding: 0;
  margin-right: 580px; 
  margin-left:60px;
  background-color: rgb(9,87,165);
  z-index:10;
}
#col2  a:visited, #col2  a:link {
  color: rgb(9,87,165);
}

#col2  a:hover {
  color: white;
  background-color: rgb(9,87,165);
}

#col2 table {
  background-color: rgb(255,153,00);
  margin-left: auto;
  margin-right: auto;
  padding:0;
  width: 400px;
  border: 1px solid black;
  font-size: 14px;
}

#col2 table td.numero{
  text-align: right;
}



 
#col2 ul{
  margin:0;
  padding: 0;
  margin: 10px;
  padding-bottom: 1em;
  list-style-type: none;
  color: white;
}

#col2 li{
  text-indent: 30px;
  font-style: italic;
}

#col2 li.spazio{
  padding-top: 1em;
  text-indent: 10px;
  font-style: normal;
  font-weight: bold;
  color : yellow;
}

#col2 ul a:visited, #col1 ul a:link , #col1 ul a:active{
  display:block;
  color: white;// rgb(226,218,49);
  width: 100%
}

#col2 ul a:hover {
  display:block;
  color: black;//rgb(9,87,165);
  background-color: silver;//rgb(226,218,49);
  width: 100%;
}




.centre
{
position:absolute;
margin-left: 181px;
padding-top: 10px;
top:10%;
text-align:left;
}

.menu {
margin-top: 30px;
width: 160px;
border: 1px solid #060C6F;
background-color: #B7D3F0;
font-family: verdana, arial;
font-size: 110%;
text-align: left;
}

h1
{
font-size: 240%;
text-align: center;
}
h2
{
font-size: 100%;
text-align: left;
}

.footer {
  position: absolute;
  width: 800px;
  margin:0;
  padding: 0;
  margin-right: auto;
  margin-left:auto;
  text-align:center;
  top:210%;
}
ul,li 
{
list-style-type: none;
margin: 0;
padding:0;
line-height: 30px;
}