.fond3 {text-align: center; width: 50%; vertical-align: middle; color: blue; font-size: 18px; font-weight: bold}
.fond4 {text-align: center; width: 50%; vertical-align: middle; color: navy; font-size: 18px; font-weight: bold}
.fond5 {text-align: left; width: 33%; vertical-align: middle; color: navy; font-size: 18px; font-weight: bold}
.fond6 {text-align: right; width: 33%; vertical-align: middle; color: navy; font-size: 18px; font-weight: bold}
a.info {
position : relative;
text-decoration: none;
color: navy;
border-bottom: 1px gray dotted;
}
a.info span {
display: none;
}
a.info:hover {
background: none;
z-index: 500;
}
a.info:hover span {
display: inline;
position: absolute;
z-index: 500;
bottom: 1em;
width: 440px;
left: 0em;
background: navy;
text-align: center;
color: white;
padding: 0.2em;
}
a.info1 {
position : relative;
text-decoration: none;
color: navy;
border-bottom: 1px gray dotted;
}
a.info1 span {
display: none;
}
a.info1:hover {
background: none;
z-index: 500;
}
a.info1:hover span {
display: inline;
position: absolute;
z-index: 500;
top: 2em;
width: 427px;
left: 0em;
background: navy;
text-align: center;
color: white;
padding: 0.2em;
}
a.info2 {
position : relative;
text-decoration: none;
color: black;
border-bottom: 1px gray dotted;
}
a.info2 span {
display: none;
}
a.info2:hover {
background: none;
z-index: 500;
}
a.info2:hover span {
display: inline;
position: absolute;
z-index: 500;
bottom: 1em;
width: 110px;
left: -1em;
background: black;
text-align: center;
color: white;
padding: 0.2em;
}
a.info3 {
position : relative;
text-decoration: none;
color: #ba5a0d;
font-size: 24px;
border-bottom: 1px gray dotted;
}
a.info3 span {
display: none;
}
a.info3:hover {
background: none;
z-index: 500;
}
a.info3:hover span {
display: inline;
position: absolute;
z-index: 500;
bottom: 3px;
width: 100px;
left: 0em;
background: #ba5a0d;
text-align: center;
font-size: 20px;
color: white;
padding: 0.2em;
}
a.info41 {
position : relative;
text-decoration: none;
color: #0000ff;
border-bottom: 1px gray dotted;
}
a.info41 span {
display: none;
}
a.info41:hover {
background: none;
z-index: 500;
}
a.info41:hover span {
display: inline;
position: absolute;
z-index: 500;
bottom: 3px;
width: 150px;
left: 0em;
background: #0000ff;
text-align: center;
color: white;
padding: 0.2em;
}
a.info42 {
position : relative;
text-decoration: none;
color: #c10877;
border-bottom: 1px gray dotted;
}
a.info42 span {
display: none;
}
a.info42:hover {
background: none;
z-index: 500;
}
a.info42:hover span {
display: inline;
position: absolute;
z-index: 500;
bottom: 3px;
width: 223px;
right: 0em;
background: #c10877;
text-align: center;
color: white;
padding: 0.2em;
}