@font-face {
    font-family: "Font_titles";
    src: url('Gabrielle.ttf');
}

#actualites
{
	
	margin: 0;
	position:relative;
}

#actualites h1
{
	font-family: "Font1";
	font-size: 3em;
    letter-spacing: 1px;
    margin: 0;
    font-weight: normal;
    line-height: 100px;
}

#background_actualites
{
	z-index: -1;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
		background: url("../img/paper-texture.jpg");
	 -webkit-filter: sepia(1) grayscale(.9);
  filter: sepia(1) grayscale(.9);
	background-size: 100% 100%;
    background-position: center top;
    background-attachment: fixed;
	background-repeat: no-repeat;
}

.item_actualite
{
	color: rgb(200,200,200);
	display:block;
	position: relative;
	max-height: 100px;
	width: 100%;
	overflow:hidden;
	background: rgba(0,0,0,.5);
	border-bottom: solid 2px rgba(50,50,50,.2);
	transition: background .3s linear;
	
}

.item_actualite:hover
{
	cursor: pointer;
	background: rgba(0,0,0,.1);
	color: rgba(50,50,50,.9);
}

.item_actualite img
{
	float:left;
	margin-right: 25px;
	width: 45%;
}

.item_actualite h3
{
	margin:0;
	margin-top:15px;
	margin-bottom:5px;
	margin-left:25px;
	margin-right:25px;
	font-size: 2rem;
}

.item_actualite p
{
	margin: 25px;
	font-size: 1.2rem;
}

.check_item_actualite
{
	visibility:hidden;
	position: absolute;
}
.check_item_actualite:checked + label
{
	transition: max-height .3s linear;
	max-height: 1500px!important;
	background: rgba(0,0,0,.1);
	color: rgba(50,50,50,.9);
	cursor: auto!important;
}