/*--------------------------------------------------------------
/* HOME

For homepage - even if it's blog home 

========================================================================== */

.bg-white {
	padding-top: 30px;
	padding-bottom: 60px;
	background-color: #fff;
}

#content.site-content {
	padding-bottom: 0;
}

.glide--carousel {
	position: relative;
	padding-bottom: 68px;
}

.glide--carousel .glide__arrows {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 0;
}

.glide--carousel .glide__arrow {
	position: absolute;
	top: -20px;
	cursor: pointer;
}.glide--carousel  .glide__arrow--left {
	left: -50px;
}
.glide--carousel  .glide__arrow--right {
	right: -50px;
}

.grid {
	margin-bottom: 65px;
}

.grid-bloc {
	text-align: center;
	color:  #fff;
	overflow: hidden;
}

.grid-pub{
}

.grid-bloc-1,
.grid-bloc-2 {
	padding: 24px;
}

.grid-bloc-1 img,
.grid-bloc-2 img {
	display: block;
	margin: 0 auto 16px;
	height: 60px;
	width: auto;
}
.grid-bloc .row-content::after{
	content: '';
	display: block;
	margin: 5px auto;
	width: 50px;
	height: 2px;
}

.grid-bloc-1 p,
.grid-bloc-2 p{
	clear: both;
}

.grid-bloc.grid-bloc-1 .row-content::after{
	background-color: #fff;
}
.grid-bloc.grid-bloc-2 .row-content::after{
	background-color: #ff3c49;
}

.grid-bloc.grid-bloc-2{
	margin-bottom: 10px;
}


.grid-bloc .row-content picture, .grid-bloc .row-content img{
	float: left;
	margin-right: 10px;
}

.grid-bloc .row-content h2{
	clear: inherit;
	text-align: left;
	margin-bottom: 0px;
	margin-top: 0px;
	text-transform: uppercase;
	font-size: 18px;
}

.grid-magazines {
	position: relative;
	padding: 20px;
	background-color: #F7F7F7;
	grid-column-end: span 2;
}

.grid-magazines-list {
	display: flex;
	align-items: flex-end;
}

.grid-magazines-list-last-download {
	text-align: center;
}

.grid-magazines-list-last-download svg {
	width: 100%;
	height: 75px;
	margin-bottom: 18px;
}

.grid-magazines-list-last-download .btn {
	font-size: 1.3rem;
}

.grid-magazines-list a {
	display: block;
	width: 70px;
	margin-right: 20px;
}

.grid-magazines-list a:last-child {
	padding-left: 0;
	padding-right: 0;
	margin-right: 0;
	margin-bottom: 28px;
	white-space: nowrap;
	font-size: 13px;
}

.grid-magazines-list a img {
	box-shadow: 10px 10px 10px rgba(0,0,0,0.16);
}

.grid-banniere {
	grid-row-end: span 2;
}

@media screen and (max-width: 1199px) {
	.carousel-container  {
		padding-left: 55px;
		padding-right: 55px
	}
}

@media screen and (max-width: 767px) {
	.grid-bloc {
		margin-bottom: 25px
	}
	.grid-magazines {
		display: flex;
		flex-direction: column-reverse;
	}
	.grid-magazines-list {
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
	.grid-magazines-list a {
		margin-top: 15px
	}
}

@media screen and (min-width: 768px) {
	.grid {
		display: grid;
		grid-auto-flow: row dense;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 340px 340px 340px;
		grid-gap: 32px;
	}
	.grid-magazines-list-last-download {
		position: absolute;
		top: 30px;
		right: 44px;
		width: 245px;
		text-align: center;
	}
	.grid-magazines-list a:first-child {
		width: 242px;
		margin-right: 54px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.grid-bloc-2 {
		grid-column: 1 / 2;
		grid-row: 2 / 3;
	}
}

@media screen and (min-width: 1024px) {
	.grid {
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: 340px 340px;
	}
}

@media screen and (min-width: 1366px) {
	.grid-magazines {
		padding-left: 84px
	}
	.grid-magazines-list-last-download svg {
		height: 106px;
	}
	.glide--carousel  .glide__arrow--left {
		left: -110px;
	}
	.glide--carousel  .glide__arrow--right {
		right: -110px;
	}
}