a.info{
position:relative; /*this is the key*/
/*    z-index:24; 
background-color:#fff;*/
font-style: italic; 
color:#039; 
/*    color:#000;*/
text-decoration:none;
border: 2px #6ba0d2 dashed
}

a.info:hover{z-index:25; 
background-color:#fff;
cursor: pointer;
}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
display:block;
position:absolute;
top:2em; left:-1em; width:15em;
border:1px solid #006;
background-color:#e1f1ff;
color:#006;
font-style: normal; 
text-align: center;
}
h3 {padding:0 0; margin: 0 0}
.cadre {
border: 1px solid #000;
background-color: #fff;

}
.cadrebleu {
border: 1px solid #06c;
background-color: #fff;

}
p {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: normal;
color: #000;
text-decoration: none;
}
.lien {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #666;
text-decoration: none;
}
.lien:hover {
text-decoration: underline;
}
.grisbold {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #999;
}
.vert {
color: #9c6;

}
.bleu {
color: #6cc;
}
textarea {
font-family: arial, helvetica, sans-serif;
font-size: 12px;  
color: #006; 
border:1px solid #06c;
background-color: #e1f1ff;

/*scrollbar-face-color: #e1f1ff; 
scrollbar-shadow-color: #0066cc; 
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #0066cc; 
scrollbar-darkshadow-color: #ffffff; 
scrollbar-track-color: #e1f1ff; 
scrollbar-arrow-color: #0066cc; 
*/}

input{
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #006; 
background: #e1f1ff; 
border: 1px ridge #0066cc;

}
option {
font-family: arial, helvetica, sans-serif;
font-size: 10px;  
color: #006; 
border:1px solid #0066cc;
background-color: #e1f1ff;
}
select {
font-family: verdana, arial, helvetica, sans-serif; 
background-color: #e1f1ff; 
font-size: 10px;  
color: #000; 
border-right: #000 1px solid;
border-top: #000 1px solid; 
border-bottom: #000 1px solid; 
border-left: #808080 1px solid; 
/*scrollbar-face-color: white; 
scrollbar-highlight-color: white; 
scrollbar-shadow-color: #000; 
scrollbar-3dlight-color: #000; 
scrollbar-arrow-color: #000; 
scrollbar-darkshadow-color: white; 
scrollbar-base-color: #000; 
*/}
input.bouton {
border:3px outset #06c;

cursor:pointer;
}
input.bouton:hover {
background-color:white;
color:#c00;
}
input.bouton:active {
border:2px inset #c00;
background-color:#c00;
color:#fff;
}
.titre1r {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
font-style: normal;
color: #c00;
}
.titre3 {
font-family: arial, helvetica, sans-serif; 
font-size: 14px; 
text-align: center; 
font-weight: bold;
}
.titre4mr { 
font-family: arial, helvetica, sans-serif;
font-size: 14px;
text-align: center;
font-weight: bold;
font-variant: small-caps;
letter-spacing: 0.2em;
color: #c00;
}
.lien2:link {
color: #0083ff;
text-decoration: none;
font-weight: bold;
/*font-size: 12px;*/

}
.lien2:visited {
color: #0083ff;
text-decoration: none;
font-weight: bold;
/*font-size: 12px;*/

}
.lien2:hover {
/*color: #0080ff;*/
/*color: #ff9900;*/
color: #8c0000;
font-weight: bold;
text-decoration: none;
/*font-size: 12px;*/
}
.mder2 {
font-family: arial, helvetica, sans-serif; 
font-size: 12px;
color: #fff;
background-color: #c00; 
}
.lienpromo:visited {
font-size: 12px; 
color: #f00; 
font-weight : bold;
text-decoration: none;
}
.lienpromo:link {
font-size: 12px; 
color: #f00;
font-weight : bold; 
text-decoration: none
}
.lienpromo:hover {
font-size: 12px; 
color: #f00;
font-weight : bold; 
text-decoration: underline overline
}
.lienpromo:active {
font-size: 12px;
color: #f00;
font-weight : bold; 
text-decoration: none
}
ul#menu, ul#menu1, ul#menu2, ul#menu3, ul#menu4 {
margin: 0 ;
padding: 0 ;
list-style-type: none ;
}
ul#menu li, ul#menu1 li, ul#menu2 li, ul#menu3 li, ul#menu4 li
{
margin: 0 ;
padding: 0 ;
}
ul#menu li a {
display: block ;
width: 125px ;
line-height: 35px ;
color: #000;
text-indent: 40px ;
text-decoration: none ;
background: url(images/bout_accueil_fr.gif) no-repeat 0 0 ;
/*border: 1px solid #dbd ;*/
}

ul#menu li a:hover
{
background: url(images/bout_accueil_fr.gif) no-repeat 0 -35px ;
/*border: 1px solid #f97 ;*/
}
ul#menu1 li a {
display: block ;
width: 125px ;
line-height: 35px ;
color: #000;
text-indent: 40px ;
text-decoration: none ;
background: url(images/bout_maison_fr.gif) no-repeat 0 0 ;
/*border: 1px solid #dbd ;*/
}

ul#menu1 li a:hover
{
background: url(images/bout_maison_fr.gif) no-repeat 0 -35px ;
/*border: 1px solid #f97 ;*/
}
ul#menu2 li a {
display: block ;
width: 125px ;
line-height: 35px ;
color: #000;
text-indent: 40px ;
text-decoration: none ;
background: url(images/bout_region_fr.gif) no-repeat 0 0 ;
/*border: 1px solid #dbd ;*/
}

ul#menu2 li a:hover
{
background: url(images/bout_region_fr.gif) no-repeat 0 -35px ;
/*border: 1px solid #f97 ;*/
}
ul#menu3 li a {
display: block ;
width: 125px ;
line-height: 35px ;
color: #000;
text-indent: 40px ;
text-decoration: none ;
background: url(images/bout_reservation_fr.gif) no-repeat 0 0 ;
/*border: 1px solid #dbd ;*/
}

ul#menu3 li a:hover
{
background: url(images/bout_reservation_fr.gif) no-repeat 0 -35px ;
/*border: 1px solid #f97 ;*/
}
ul#menu4 li a {
display: block ;
width: 125px ;
line-height: 35px ;
color: #000;
text-indent: 40px ;
text-decoration: none ;
background: url(images/bout_situation_fr.gif) no-repeat 0 0 ;
/*border: 1px solid #dbd ;*/
}

ul#menu4 li a:hover
{
background: url(images/bout_situation_fr.gif) no-repeat 0 -35px ;
/*border: 1px solid #f97 ;*/
}
#location {
}
#location table {
/*margin:0;
padding:0;*/
font-size: 12px;
}
#location th {
background-color:#000;
color:#fff;
padding:5px;
}
#location td {
font-weight:bold;
text-align:center;
color:#000;
padding:5px;
}
#location td.ga {
text-align:left;
}
#location td.dr {
text-align:right;
}