.accordeon ul {
	margin:0;
	padding:0;
	list-style:none;
//	width:1px;}
.accordeon ul li {
	display:block;
	overflow:hidden;
	margin:0;
	padding:0;
	list-style:none;
	width : 188px;
	height:30px;
	background-color: #6FF;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	transition:  height 0.3s ease-in-out;
	-moz-transition:  height 0.3s ease-in-out;
	-webkit-transition:  height 0.3s ease-in-out;
	-o-transition:  height 0.3s ease-in-out;}
.accordeon ul li .titre {
	display:block;
	margin:0;
	padding:5px;
	height:19px;
	border-top:  #f0f0f0 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#ffff00;
	background: #5c0024;}
.accordeon ul li div {
	margin:0;
	overflow:auto;
	padding:5px;
	height:184px;
	background: #5c0024;}
.accordeon ul li:hover {
	height:184px;}
.accordeon:hover ul li .titre:hover {
	color:#ffffff;
	background:#5c0024;
	font-size:15px;}
.accordeon ul li .titre:hover {
	cursor:pointer;}

.accordeon ul li .titre2 {
	display:block;
	margin:0;
	padding:5px;
	height:19px;
	border-top:  #f0f0f0 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#ffff00;
	background: green;}
.accordeon:hover ul li .titre2:hover {
	color:#ffffff;
	background:green;
	font-size:15px;}
.accordeon ul li .titre2:hover {
	cursor:pointer;

	background:green;
	font-size:15px;
}