#container {
width: 400px;
margin: auto;
margin-top: 5em;
}

#info {
background: #7F7777;
width: 400px;
padding-bottom: .5em;
overflow: hidden;
position: absolute;
}
h7 {
	font-size: 20px;
	color: #602f90;
	font-family: GillSans, Trebuchet, Calibri, sans-serif;
	margin:0;
	padding:4px 0;

}
#info h1 { padding: 5px 14px; margin: 0 0 0 0; background: #9F66AB; color: #FFFFFF; font-size: 13px;} /*violet*/
#info h2 { padding: 5px 14px; margin: 0 0 0 0; background: #A06A46; color: #FFFFFF; font-size: 13px;} /*marron*/
#info h3 { padding: 5px 14px; margin: 0 0 0 0; background: #6D6E72; color: #FFFFFF; font-size: 13px;} /*gris*/
#info h4 { padding: 5px 14px; margin: 0 0 0 0; background: #F15A4F; color: #FFFFFF; font-size: 13px;} /*rose*/
#info h5 { padding: 5px 14px; margin: 0 0 0 0; background: #0098CA; color: #FFFFFF; font-size: 13px;} /*bleu*/
#info h6 { padding: 5px 14px; margin: 0 0 0 0; background: #38BC8D; color: #FFFFFF; font-size: 13px;} /*turquoise*/
#info h7 { padding: 5px 14px; margin: 0 0 0 0; background: #BFD630; color: #FFFFFF; font-size: 13px;} /*tilleul*/
#info h8 { padding: 5px 14px; margin: 0 0 0 0; background: #F9A61A; color: #FFFFFF; font-size: 13px;} /*orange*/

#info p { padding: 5px 7px; margin: 5px 7px; background: #ffffff; color: #111111; font-size: 12px; line-height:16px;}
#info small { padding: 1px 7px; margin: 5px 7px; background: #ffffff; color: #111111; font-size: 10px; line-height:16px;}
#info { background: #ffffff; border: solid 1px #555555; }


/*****************************

accordion

******************************/

body {
	font: 75%/120% GillSans, Trebuchet, Calibri, sans-serif;
}
.accordion2 {
	width: 690px;
	/*border-bottom: solid 1px #111111;*/
}
.accordion2 h3 {
	background-color: #444444;
	/*padding: 7px 15px;*/
	margin: 0;
	font-family: GillSans, Trebuchet, Calibri, sans-serif;
	color:#eeeeee;
	font-weight: normal;
	padding: 5px 10px;
	font-size:18px;
	border: solid 1px #555555;
	border-bottom: none;
	cursor: pointer;
}
.accordion2 h3:hover {
color:#eeeeee;
	background-color: #111111;
}
.accordion2 h3.active {
	background-position: right 5px;
}
.accordion2 div {
	background: #f7f7f7;
	margin: 0;
	/*padding: 10px 15px 20px;*/
	/*border-left: solid 1px #444444;
	border-right: solid 1px #444444;*/
	display: none;
}
.style1 {
font-size: 13px;
cursor: pointer;
	color: #111111;
	padding: 3px 5px;
	font-weight: bold;
	font-family: GillSans, Trebuchet, Calibri, sans-serif;
}
.style2 {
cursor: pointer;
font-size: 13px;
	font-family: GillSans, Trebuchet, Calibri, sans-serif;
	color: #ffffff;
	padding: 3px 5px;
	font-weight: bold;
}
.style3 {
cursor: pointer;
font-size: 11px;
	font-family: GillSans, Trebuchet, Calibri, sans-serif;
	color: #ffffff;
	padding: 3px 5px;
}
</style>