#pageEvènements {
	padding: 0;
}
.event {
	background-color: white;
	text-align: center;
	margin-bottom: 10px;
	width: 96%;
	height: 430px;
	overflow: scroll;
	padding:  15px;
	cursor: all-scroll;
	border: 1px solid #B2A277;
	background-color: rgb(178,162,119, 0.4);
	cursor: auto;
}
#pageEvènements h2 {
	margin: 0;
	font-size: 24px;
	padding: 0 10px !important;
	line-height: inherit;
}
#seperator {
	display: none;
}
#EVdate {
	display: block;
	color: #B2A277;
	font-size: 20px;
	padding: 10px 0 0 5px;
}
#EVlieu {
	font-weight: lighter;
}
#hrEv {
	border: 1px solid #303030 !important;
	width: 90%;
}
#pageEvènements h5 {
	width: fit-content;
	font-weight: 300;
}
#pageEvènements h6 {
	width: fit-content;
	margin: auto;
	font-weight: 300;
	font-size: 18px;
}
.eventDocs {
	text-align: center;
}
.eventDocs  embed {
	max-height: 300px;
	max-width: : 268px;
	display: none;
	cursor: pointer;
}
.eventDocs  img {
	width: auto;
	max-height: 270px;
    margin: 5px;
}
/*------------------------MEDIA QUERIES------------------*/
@media (min-width: 767px) {
	#pageEvènements h2 {
		font-size: 24px;
	}
	.event {
		display: grid;
		grid-template-areas: 
			"type type"
			"titre  titre"
			"docs  docs";
	}
	.eventType {
		grid-area: type;
	}
	.eventTitre {
		grid-area: titre;
	}
	.eventDocs {
		grid-area: docs;
	}
	#seperator {
		display: inline-block;
	}
	#EVdate{
		display: inline-block;
		font-size: 24px;
	}
	.eventDocs {
		display: block;
		margin: auto;
		width: 100%;
		justify-content: center;
	}
	.eventPDF {
		display: inline-block;
	    margin: 5px;
	    max-width: max-content;
	}
	.eventDocs  embed {
		width: auto;
		min-height: 400px;
		display: block;
	}
	.eventDocs  img {
	    max-height: 370px;
	}
}
/*-------------------------MEDIA 990--------------------------------*/
@media (min-width: 990px) {
	#pageEvènements h2 {
		padding: 0 !important;
		margin: 0;
	}
	.event {
		grid-template-areas: 
			"type type docs"
			"titre titre docs";
		padding:  0 0 0 15px;
		grid-template-rows: minmax(90px, max-content);
		height: 350px;
	}
	.eventType {
		padding-top: 15px;
	}
	.eventDocs {
		display: grid;
		max-height: 350px;
		justify-content: right;
		margin: unset;
	}
	.eventPDF {
		max-height: 350px;
		justify-content: right;
		margin: unset;
	}
	.eventDocs  embed {
		margin-left: auto !important;
		min-height: 300px;
		height: max-content;
		border: 1px solid black;
		width: 85%;
		margin: 0;
	}
	.eventDocs  a {
		margin-left: 44px;
	}
	.eventDocs img {
		max-height: 340px;
		float: right;
		margin: 0 0 5px 0;
		margin-left: auto;
	}
}