.block dl {
    margin-left: 30%;
}
.tooltip {
	color: #c32e04;
	cursor: help;
	position: relative;
	font-family: Arial;
	font-weight: bold;
}

.tooltip span[rel=tooltip] {
	display: none;
}

.tooltip:hover span[rel=tooltip] {
	display: block;
  position: relative;
  margin-left: -40%;
	width: 180%;
	padding: 0.5em;
	z-index: 100;
	font-weight: normal;
    font-size: 20px;
	color: #000;
	background-color: #ffebe6;
	border: solid 3px #c32e04;
	border-radius: 0.2em;
}
.tooltip ul {
    margin-left: 20px;
    font-size: 18px;
}
.header {
    position: relative;
}
.cd-intro {
    position: absolute;

    z-index: 10;
}
@media only screen and (max-width: 1100px) {
.tooltip:hover span[rel=tooltip] {
    margin-left: -20%;
    font-size: 16px;
    width: 100%;
    }
}
@media only screen and (max-width: 640px) {
.tooltip {
    font-size: 18px;
}
.block dl {
    margin-left: 15%;
}
.Listeu h3 {
    font-size: 22px;
}
.contentwrap h1 {
    font-size: 22px;
    display: inline;
    font-weight: bold;
    line-height: 25px;
}
}