.container{
	float:left;
}
.ac-container{
	text-align: left;
}
.ac-container label{
    background:url("../img/fond-triangle-actif.jpg");
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-family: helvetica;
    font-size: 20px;
    height: 30px;
    line-height: 33px;
    padding: 5px 20px;
    position: relative;
    z-index: 20;
}
.ac-container label:hover{
	background: green;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
    background:url("../img/fond-triangle.jpg");
    color: #FFFFFF;
}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
	content: '';
	position: absolute;
	height: 30px;
	right: 13px;
	background:url("../img/fond-triangle-actif.jpg");
}
.ac-container input:checked + label:hover:after{
	background: #098503;
}
.ac-container input{
	display: none;
}
.ac-container article{
    height: 0;
    margin-top: -1px;
    overflow: hidden;
    position: relative;
    z-index: 10;
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container article p{
    color: #000000;
    font-family: helvetica;
    font-size: 16px;
    line-height: 20px;
    padding: 20px;
}
.ac-container input:checked ~ article{
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}
.ac-container input:checked ~ article.ac-small{
	height: 370px;
}
.ac-container input:checked ~ article.ac-medium{
	height: 340px;
}
.ac-container input:checked ~ article.ac-large{
	height: 230px;
}