/* Following are the presentation styles -- edit away!
   Raoul Mengis www.1info.com swiss@1info.com */

/* info */

acronym.info, a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:orange;
    color:#000;
    text-decoration:none
}
    
acronym.info:hover, a.info:hover{z-index:25; background-color:#ff0}

acronym.info span, a.info span{display: none}

acronym.info:hover span, a.info:hover span{ /*the span will display just on :hover state*/
display:block;
position:absolute;
top:4em; left:2em; width:13em;
border:1px solid #0cf;
background-color:orange;
text-align: center}

/* fin info */ 
   
.conteneur {
margin: 0px 0px 1.0em 0px; /* left top right bottom */
text-align: center;
}
.centre {
margin-left: auto;
margin-right: auto;
width: 80%;
text-align: center; 
background-color: #ffdca8;
border: 1px solid #000000;
padding: 0.5em;
}

a[href*="mailto:"]:after {
	content: " " url(mini_mail.gif);}
}

.astuce {
color:red;
font-weight:bold;
background-color:transparent;
}
.astuce:before {content:url(ico_ampoule.gif)}

a[hreflang="fr"]:after, #pied a[hreflang="fr"]:after, #plan a[hreflang="fr"] span.comment:after {
	content: " " url("fr.png");}
a[hreflang="it"]:after, #pied a[hreflang="it"]:after, #plan a[hreflang="it"] span.comment:after {
	content: " " url("it.png");}
a[hreflang="en"]:after, #pied a[hreflang="en"]:after, #plan a[hreflang="en"] span.comment:after {
	content: " " url("en.png");}
a[hreflang="de"]:after, #pied a[hreflang="de"]:after, #plan a[hreflang="de"] span.comment:after {
	content: " " url("de.png");}
a[hreflang="es"]:after, #pied a[hreflang="es"]:after, #plan a[hreflang="es"] span.comment:after {
	content: " " url("es.png");}
	
kbd {
padding: 0px 1px 0px 1px;
border-width: 1px 2px 2px 1px;
border-style: solid;
background: #faf6f6;
color: #000;
border-color:  #edd #baa #baa #eed;
}