body {
background: rgb(240,240,240);
}

/* Corps de la page (zone active) */
.corps { width:70%;
position:relative;
left:15%;
background-color:rgb(255,255,255);
padding-left:1%;
padding-right:0%;
}  

/* Bannière */

.banner { border: 1px dotted rgb(255, 153, 0);
background-color: rgb(255, 204, 51);
color: rgb(255, 255, 255);
font-weight: bold;
text-align: center;
width: 100%;
}


/*Bord arrondis menu*/

.menu img{
	position:absolute;
float:left;
height:25px;
left:0%;
}

/* Menu réagissant à la souris */  
.menu {

background-color: rgb(204, 204, 255);
background-image:url(images/backtitre.gif);
background-repeat:repeat-x;
text-align: center;
text-decoration: none;
margin-top: 1%;
width: 100%;
height:25px;
min-width: 70px;
display: block;
position:relative;
font-weight: bold;
}


.menu *:link { border-top: 1px dashed rgb(192, 192, 192);
border-bottom: 1px solid rgb(0, 0, 153);
border-left: 1px solid rgb(0, 0, 153);
color: rgb(102, 102, 204);
text-decoration: none;
display: block;

}

.menu *:hover {border-top: 1px solid rgb(0, 0, 153);
border-right: 1px solid rgb(0, 0, 153);
text-decoration: none;
color: rgb(255, 102, 102);
display: block;
background-color: rgb(110, 110, 221);
background-repeat: no-repeat;
}

.menu *:visited { text-decoration: none;
border-top-style: dashed;
border-bottom: 1px solid rgb(0, 0, 153);
border-left: 1px solid rgb(0, 0, 153);
border-top-width: 1px;
display: block;
}

.menu *:active { color: rgb(255, 255, 255);
border-top-style: dashed;
background-color: rgb(88, 88, 177);

}

.menu *:focus { text-decoration: none;
background-color: rgb(88, 88, 177);
color: rgb(255, 255, 255);
}

/* Zone destinée au contenu général */

.content { border-top: 1px solid rgb(255, 153, 0);
border-bottom: 1px solid rgb(255, 153, 0);
margin-top: 2px;
margin-bottom: 10px;
width:100%;
text-align: justify;
color: rgb(0, 0, 153);
background-color: rgb(248, 250, 255);
line-height: 1.4em;
display:block;
position:relative;
}

.content li {
border-bottom: 1px solid rgb(210, 174, 250);
}

.content a#lien {
color: rgb(0, 0, 153);
border-right: 1px solid rgb(0, 0, 153);
text-decoration: none;
color: rgb(255, 255, 255);
background-color: rgb(110, 110, 221);
}

.content #lien:link {
color: rgb(0, 0, 153);
border-right: 1px solid rgb(0, 0, 153);
text-decoration: none;
color: rgb(255, 255, 255);
background-color: rgb(110, 110, 221);
}

.content #lien:hover {
border-right: 1px solid rgb(0, 0, 153);
text-decoration: none;
color: rgb(0, 0, 153);
background-color: rgb(255, 255, 221);
}

/*.content #lien:visited { text-decoration: none;
font-weight:bold:
border:solid 1px;
}*/

.content #lien:active { color: rgb(255, 255, 255);
border-bottom: 2px dashed;
background-color: rgb(88, 88, 177);
}

.content #lien:focus { color: rgb(255, 255, 255);
border-bottom: 2px dashed;
background-color: rgb(88, 88, 177);
}

/* infobulles */

a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color: rgb(0, 0, 153);
    text-decoration:none;
    border-bottom: dashed 1px rgb(0,0,153);
		}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:1em; left:30%;width:300px;
    border:3px outset rgb(210,188,210);
    background-color:rgb(204,204,255);
    background-image:url(images/intero.gif);
    background-position:center right;
    background-repeat:repeat-y;
		color:#000;
    text-align: justify;
		padding:13px;

		line-height: 1em;}

/* Pied de page */

.bottom { text-align: center;
float: right;
width: 100%;
position:relative;
}