body {
font-size: 10pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
background-color : #ccffcc;

}
 
 h1 {color: #800080; <!-- titre violet -->
 font-weight: bold;
 font-size: 16pt;
  }

 h2 {color: #008000; <!-- sous-titre vert -->
 font-weight: bold;
 font-size: 13pt;
  }

 h3 {color: #0000FF; <!-- texte bleu -->
 font-weight: bold;
 font-size: 10pt;
  }
  
 h4 {color: #800080; <!-- texte violet -->
 font-weight: bold;
 font-size: 10pt;
  }

 h5 {color: #FF0000; <!-- texte rouge -->
 font-weight: bold;
 font-size: 10pt;
  }
 
  h6 {color: #008000; <!-- texte vert -->
 font-weight: bold;
 font-size: 10pt;
  }
  
 .vert {color: #008000; <!-- police sous-titre vert spécifique aux prochaines sorties -->
 font-weight: bold;
 font-size: 13pt;
  }
  .bleu {color: #0000FF; <!-- police sous-titre bleu spécifique aux prochaines sorties -->
  font-weight: bold;
  font-size: 10pt;
   }
 
 table {font-size: 10pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
}

 ul {
 font-style-position: outside;
  list-style-image:url('images/anabull1.gif'); line-height:200%
 }
 
 p {align: left}
 
.boitehaute {position: absolute;
top: 0px;
right: 100px;  }

.corps {position: absolute;
top:180px;}

.carte {position: absolute;
right:50px;
}


.tableprog table {
background-image: url('Fondecranflou.jpg');
}



a.boutonlien {
color: #ffff66;
background-color: #006600;
font-weight: bold;
padding: 5px;
width: 154px;
text-decoration: none;
text-align: center;
border: 2px outset #c0c0c0;
}

a.boutonlien:hover{
background-color: #ffff66;
color: #006600;
}

/*  a{text-decoration: none;}
a:hover{color: #ff3300;}  .boutonlien: */

.derminute  a{
top: 40px;
left: 30px;
background-color: #006600;
color: #ffff66;
font-weight: bold;
text-align: center;
display: block;
width: 150px; font-family: Arial; position: absolute; float: left; line-height: 100%;
 margin-top: 0; margin-bottom: 0;
 padding-left: 0px; padding-right: 0px; padding-top: 8px; padding-bottom:8px;
 border: 2px outset #c0c0c0;
}


.vertical a{
 left: 30px;
background-color: #006600;
color: #ffff66;
font-weight: bold;
text-align: center;
display: block;
width: 150px; font-family: Arial; position: absolute; float: left; line-height: 100%;
 margin-top: 0; margin-bottom: 0;
 padding-left: 0px; padding-right: 0px; padding-top: 8px; padding-bottom:8px;
 border: 2px outset #c0c0c0;
}

.verticalmenu a{

color: #ffff66;
background-color: #006600;
font-weight: bold;
text-align: center;
display: block;
width: 100;font-family: Arial; position: absolute; float:left; line-height:100%;
 margin-top:0; margin-bottom:0;
 padding-left:0px; padding-right:0px; padding-top:8px; padding-bottom:8px;
  border: 1px outset #c0c0c0;

}

.vertical a:hover {
background-color: #ffff66;
color: #006600;}

.derminute a:hover {
background-color: #ffff66;
color: #006600;}


.verticalmenu a:hover {

background-color: #ffff66;
color: #006600;
}
.lienext {position: absolute;
left: 30px;
top: 530px}

.lienext a: hover{
color: #ff3300;
text-decoration: underline;}

.autrelien a: hover{
color: #ff3300;
text-decoration: underline;}


.info{position: absolute;
left: 0;
top: 60px;
}
.derminute {position: absolute;
left:0px;
top:50px;
}
.adherer { position: absolute;
left: 30;
top: 140px; }

.menucal {position: absolute;
left: 20px;
top: 230px;}

.menu {position: absolute;
left: 0px;
top: 250px;}
 
.colonnedroite { position: absolute;
right: 30px;
top: 200px;}

.colonnegauche {position: absolute;
left: 30px;
top: 120px;}

.boitehaute {position: absolute;
top: 20px;
right: 20px; }