
/* CSS issu des tutoriels css.alsacreations.com */

html, body {
width: 100%;
height: 100%;
}
body {
margin: 0;
padding: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
background-color: #ffffff; /*couleur de fond blanche*/
}
.conteneur { /*le conteneur global du site, qui sera centré */
width: 100%;
height: 100%;
margin: 0;
padding: 0;
position: absolute;
background-color: #FFCC33;
}

.header {
height: 30px;
font-size: 1.2em;
background-color: #FFCC33;
}
.footer {
font-size: 0.5em;
background-color: #FFCC33;
}
.menu {
position: absolute;
left:0;
width: 250px;
height: 515px;
background-color:#FFFF66;
overflow: auto;
padding: 5px;
}
.frame {
margin-left: 260px;
width: auto;
height: 505px;
background-color:#ffffff;
overflow: auto;
padding: 10px;
}
p {margin: 0 0 0px 0;}

.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 3px;
}
.menugauche a {
margin: 0 5px;
color: #000000;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
background: #FFCC33 repeat-x 0 0;
}
.definition {
text-decoration: none;
border-bottom: 1px dotted blue;
}

img {border:0}

it {font-style: italic}


a.info {
   color: green;
   text-decoration: none;
   border-bottom: 2px green dotted; /* on souligne le texte */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}

/*  Infobulles en javascripts*/
.infobulle{
    position: absolute;   
    visibility : hidden;
    border: 1px solid Black;
    padding: 10px;
    font-family: Verdana, Arial;
    font-size: 10px;
    background-color: #FFFFCC;
}

span.info {
   color: green;
   text-decoration: none;
   border-bottom: 2px green dotted; /* on souligne le texte */
}
span.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
   cursor: help; /* on change le curseur par défaut en curseur d'aide   pointer ou help  */
}
.bulle{
	display: none;
}
a.lien1 
{
color:#000000;
text-decoration:none;
}
a.lien1:hover
{
color:#FF0000;
text-decoration:underline;
}