/*
	Theme Name: Ouest Conseils
	Theme URI: https://alencrebleue.com
	Description: Ouest Conseils
	Version: CSS/PAGE ACTUS
	Author: Al'Encre bleue
	Author URI: https://alencrebleue.com

*/
#page-news {
	background: #f1f1f1;
	padding-bottom: 2em;
}

#page-news .header-titre {
	font-size: 48px;
	font-weight: 300;
	text-transform: uppercase;
	margin-top: 0.5em;
}

#page-news .intro-page {
	margin-bottom: 2em;
}

#page-news .intro-page,
.format,
.agendaNews {
	background: #fff;
}

.agendaNews {
	padding: 0.3em 1.5em 1em;
}

#page-news>div.list.container>div>div.bloc-3>div.agendaNews>div.ecs-events.default.default-1>div>div.ecs-event>div.ecs-events-list-event-description>a,
#page-news>div.list.container>div>div.bloc-3>div.agendaNews>div.ecs-events.default.default-2>div>div.ecs-event.formation_ecs_category>div.ecs-events-list-event-description>div,
#page-news>div.list.container>div>div.bloc-3>div.agendaNews>div.ecs-events.default.default-2>div>div.ecs-event.formation_ecs_category>span,
#page-news>div.list.container>div>div.bloc-3>div.agendaNews>div.ecs-events.default.default-2>div>div.ecs-event.formation_ecs_category>div.ecs-venue-details {
	display: none;
}

#page-news>div.list.container>div>div.bloc-3>div.agendaNews>div.ecs-events.default.default-2>div>div.ecs-event.formation_ecs_category>h3 {
	margin: 0.3em 0;
}

.bloc-evenement {
	margin: 1em 0;
}

.ecs-events.default.default-1>.bloc-evenement>.ecs-event {
	padding: 0;
	border-bottom: 2px solid #fff;
	margin-bottom: 0;
}

#page-news .groupement {
	max-width: initial;
	margin-top: 0;
}

#page-news .loc {
	display: flex;
	justify-content: center;
}

#page-news .loc h2 {
	font-size: 26px;
	color: #fff;
	padding: 0;
	line-height: 1.3;
}

#page-news .btn-loc a {
	margin-left: 0;
	padding: 0.8em 1em 0.6em;
}

.agendaNews,
#actu-location,
.format,
.groupement {
	margin-bottom: 1.5em;
	box-shadow: 0 0.8px 2px 0 rgba(0, 0, 0, .1);
}

#page-news .agendaNews .butto-fg a,
.format a {
	background: #2DB7BF;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 16px;
}

.format {
	padding: 0.3em 1.5em 1em;
}

.format a {
	padding: 0.5em 1em 0.3em;
}

.odaDiv {
	text-align: center;
}

#actu-location {
	background: url(https://fileo-groupe.fr/wp-content/themes/fileo-groupe/img/sidebar-fond-location.jpg);
	padding: 1em;
}

/* NEWSLETTER*/
#section-newsletter {
	background-image: url(https://fileo-groupe.fr/wp-content/themes/fileo-groupe/img/sidebar-fond-newsletter.jpg);
	background-size: cover;
	padding: 1em 0 2em;
}

.news2 {
	margin-left: 7%;
	padding-left: 7%;
	background: url(https://fileo-groupe.fr/wp-content/themes/fileo-groupe/img/newsletter.png) left 60% no-repeat;
}

.news h3 {
	color: #fff;
	margin-bottom: 1em;
	margin-left: 2.3em;
	letter-spacing: 2px;
	font-weight: 600;
}

.groupement {
	height: auto;
	padding: 1em 2em 2em;
}

.groupement>h2 {
	font-size: 26px;
	padding: 0;
	margin: 1em 0;
}

.groupement>.odaDiv>.butto-fg {
	background: #ffff;
	color: #3D3D3D;
	text-transform: uppercase;
	width: 100%;
	font-weight: 600;
	font-size: 16px;
	padding: 0.8em 1em 0.6em;
}

.groupement>.odaDiv>.butto-fg a {
	background: transparent;
	color: #3D3D3D;
	text-transform: uppercase;
	width: 100%;
	font-weight: 600;
	font-size: 16px;
	padding: inherit;
}

.news p {
	font-weight: 500;
}

.news a {
	background: #ffff;
	color: #333;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 16px;
	padding: 0.75em 1em 0.5em;
	align-self: center;
}

div.news:nth-child(2) {
	display: flex;
	justify-content: center;
}

.article-blog {
	background: #fff;
	box-shadow: 0 0.8px 2px 0 rgba(0, 0, 0, .1);
}

.article-blog img {
	width: 100%;
}

.article-blog img {
	width: 100%;
}

.article-text {
	padding: 1em;
}

#page-news>div.list.container>div>div.bloc2-3>div>div:nth-child(1),
#page-news>div.list.container>div>div.bloc2-3>div>div:nth-child(2) {
	margin-top: 0;
}

.lire-art h3 {
	color: #01AEBC;
	text-align: right;
	padding-right: 3.5em;
	background: url(https://fileo-groupe.fr/wp-content/themes/fileo-groupe/img/plus-art.png) right center no-repeat;
	margin: 0;
	line-height: 2.6;
	font-size: 1.2em;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media only screen and (min-width:432px) {}

@media only screen and (max-width:480px) {
	.bloc-3 {
		margin: auto;
		width: 91%;
	}
}

@media only screen and (min-width:600px) {}

@media only screen and (min-width:720px) {}

@media only screen and (min-width:768px) {}

@media screen and (min-width: 481px) and (max-width: 991px) {}

@media only screen and (min-width: 1025px) {}

@media screen and (min-width: 1024px) and (max-width:1040px) {}

@media screen and (min-width: 1024px) and (max-width: 1199px) {}

@media screen and (min-width: 1200px) and (max-width: 1279px) {}

@media only screen and (min-width:1200px) {}

@media only screen and (min-width:1366px) {}

@media only screen and (min-width:1440px) {}

@media only screen and (min-width:1500px) {}

@media only screen and (min-width:1680px) {}

@media only screen and (min-width:1920px) {}

@media only screen and (min-width:2560px) {}

@media only screen and (max-width:1680px) {}

@media only screen and (max-width:1500px) {}

@media only screen and (max-width:1440px) {}

@media only screen and (max-width:1366px) {}

@media only screen and (max-width:1280px) {}

@media only screen and (max-width:1200px) {}

@media only screen and (max-width: 1024px) {

	.format,
	.agendaNews {
		display: none;
	}

	.bloc-2 {
		margin-bottom: 30px;
	}
}

@media only screen and (min-width:480px) and (max-width: 799px) {
	.bloc-2 {
		width: 70%;
		margin: auto auto 30px;
	}

	.bloc-3 {
		width: 67%;
		margin: auto;
	}
}

@media only screen and (min-width:800px) and (max-width: 1024px) {
	.bloc-3 {
		width: 97%;
		margin: auto;
	}

	.bloc-2 {
		width: 50%;
	}
}

@media only screen and (max-width:992px) {}

@media only screen and (max-width:800px) {}

@media only screen and (max-width:768px) {}

@media only screen and (max-width:720px) {}

@media only screen and (max-width:600px) {}


@media only screen and (max-width:480px) {}

@media only screen and (max-width:432px) {}

@media only screen and (max-width:414px) {}

@media only screen and (max-width:411px) {}

@media only screen and (max-width:384px) {}

@media only screen and (max-width:375px) {}

@media only screen and (max-width:360px) {}

@media only screen and (max-width:320px) {}

@media only screen and (min-width:1800px) {}

@media only screen and (min-width:2000px) {}