/*Background*/
.background-header{
	position: absolute;
}

.background-right-home-one{
	transform: translateY(-171px);
}

.background-right-home-two{
	transform: translateY(-164px);
}

.background-actu-home{
	position: absolute;
}

/*Header*/
.column-present .elementor-widget-wrap{
	justify-content: center!important;
}

.element-present{
	max-width: 80%;
}

.header-home{
	padding-bottom: 0;
}

.around-blue{
	width: 57px;
	height: 57px;
	background: #354B66;
	border-radius: 50%;
	margin: 0 auto;
	cursor: pointer;
}

.around-white{
    width: 54px;
    height: 54px;
    background: white;
    border-radius: 50%;
    position: relative;
    left: 3px;
    bottom: 1px;
		i{
			color: #12A19A;
		}
}

/*Actualité*/
.element-actu-home{
	max-width: 75%;
}

.sep-news-responsive, .button-news-responsive{
	display: none;
}

.title-actu-home .elementor-post__title{
	margin-bottom: 12px!important;
}

/*Catalogue*/
.container-discover{
	background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
		h2{
			font-size: 45px;
			color: white;
			max-width: 42%;
			margin-bottom: 0;
			line-height: 50px;
				&:after{
					content: "";
					background: #12A19A;
					height: 4px;
					width: 102px;
					display: block;
					margin: 30px 0;
				}
		}
}

.content-discover{
    padding: 152px;
}

.around-white-two{
    width: 57px;
    height: 57px;
    background: transparent;
    border-radius: 50%;
    border: 3px solid white;
    border-left: 0;
    border-top: 0;
		i{
			color: white;
		}
}

/*Séparateur*/
.container-sep-home .elementor-container{
	max-width: 100%!important;
}

/*Contributions*/
.contrib{
	border: 1px solid #354B66;
	border-radius: 20px;
	padding: 73px;
	max-width: 80%;
    margin: 0 auto;
    background: white;
		h3{
			font-size: 24px;
			margin-bottom: 10px;
		}
		span{
			font-size: 14px;
			font-weight: 400;
			margin-bottom: 0;
			color: #12A19A;
			line-height: 21px;
			text-transform: uppercase;
			letter-spacing: 2px;
		}
		a{
			color: #354B66;
			font-weight: 900;
			font-family: 'Manrope', sans-serif;
				&:hover{
					color: #12A19A;
				}
		}
}

.sep-contrib{
	&:after{
		content: "";
		background: black;
		width: 100%;
		height: 1px;
		display: block;
		margin: 40px 0;
	}
	&:last-child::after{
		display: none;
	}
}

.container-contrib{
	display: flex;
	align-items: center;
	justify-content: space-between;
		&::last-child{
			border: 0;
			margin-bottom: 0;
		}
}

.element-contrib:first-child{
	margin-right: 80px;
    width: 66%;
}


.revenu-num h4{
	margin-bottom: 10px;
}

.date-contrib{
	display: flex;
	align-items: center;
	width: 110%;
		&::before{
			content: "";
			background: #12A19A;
			width: 3px;
			height: 96px;
			margin-right: 30px;
		}
		span{
			font-size: 14px;
			text-transform: uppercase;
		}
}

.limit-date{
	line-height: 24px;
}

.limit-date-element span{
	font-size: 13px;
	color: #354B66;
}

.square-date{
	background: white;
    width: 90px;
    height: 90px;
    border: 3px solid #12A19A;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    margin-left: 29px;
		span{
			letter-spacing: 0;
		}
}

/*Vidéo*/
.title-video-home{
	padding-right: 20px;
		h2::before{
			content: "";
			background: #12A19A;
			width: 102px;
			height: 4px;
			display: block;
			margin-bottom: 35px;
		}
}

/*Partenaires*/
.container-logo-partenaires .elementor-container{
	justify-content: flex-end!important;
}

.element-logo-partenaires{
	width: 40%!important;
}

.title-partenaires h3:after{
	content: "";
	background: #12A19A;
	width: 66px;
	height: 4px;
	display: inline-block;
	position: relative;
	left: 30px;
	bottom: 6px;
}

.container-partenaires{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.image-partenaires{
	width: 40%;
	margin-top: 45px;
		&:nth-child(1), &:nth-child(2){
			margin-top: 0;
		}
	img{
		width: 65%;
		filter: grayscale(100%);
		transition: all 0.15s;
			&:hover{
				filter: grayscale(0);
			}
	}
}

/*Parutions*/
.container-release{
    display: flex;
	justify-content: space-between;
}

.content-release{
	width: 23%;
}

.cercle-release{
	width: 130px;
	height: 130px;
	border-radius: 50%;
	background: #354B66;
	position: absolute;
	z-index: -9999;
}

.cercle-release-two{
	width: 126px;
	height: 126px;
	border-radius: 50%;
	background: white;
	position: relative;
    left: 4px;
    top: 4px;
}

.img-release{
    margin-left: 64px;
    margin-top: 56px;
		img{
			margin-bottom: 25px;
			vertical-align: middle;
			width: 175px;
	}
}

.info-release{
    margin-left: 64px;
		span{
			text-transform: uppercase;
			font-size: 14px;
			letter-spacing: 2px;
		}
		h3{
			margin-bottom: 5px;
			line-height: 26px;
		}
		p{
			margin-bottom: 0!important;
			line-height: 24px;
		}
		a{
			color: #354B66;
			font-weight: 600;
			transition: all 0.15s;
				&:hover{
					color: #12A19A;
				}
		}
}

.container-num-release{
    position: relative;
    right: 37px;
		&:before{
			content: "";
			background: #12A19A;
			width: 37px;
			height: 4px;
			display: inline-block;
			position: relative;
			right: 10px;
			bottom: 3px;
		}
		span{
			color: #A8B7C9;
			margin-bottom: 15px;
			font-weight: 600;
			letter-spacing: 2px;
				&:last-child{
    				margin-left: 6px;
				}
		}
}

.container-date-release{
	color: #12A19A;
		span:last-child{
    		margin-left: 6px;
		}
}

@media screen and (max-width: 1500px){
	/*Parutions*/
	.content-release{
		width: 24%;
	}
}

@media screen and (max-width: 1460px){
	/*Parutions*/
	.container-release{
		flex-wrap: wrap;
			&:after{
				content: "";
				flex: 0 0 42%;
			}
	}

	.content-release{
		width: 45%;
			&:nth-child(3), &:nth-child(4){
				margin-top: 50px;
			}
	}
}

@media screen and (max-width: 1366px){
	/*Header*/
	.header-home .elementor-container{
		flex-direction: column!important;
		align-items: center!important;
	}

	.header-home-text{
		width: 100%!important;
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 1280px){
    /*Vidéo*/
	.container-video-home .elementor-container{
		flex-direction: column!important;
		align-items: center!important;
		text-align: center!important;
	}

	.column-title-video-home{
		width: 100%!important;
	}

	.img-video-home{
		display: none;
	}

	.video-home{
		width: 80%!important;
	}

	.title-video-home{
    	padding-right: 0;
			h2:before{
	    		display: none;
			}
	}

	.title-mag-home{
    	max-width: 100%;
	}

	/*Partenaires*/
	.container-logo-partenaires .elementor-container{
    	justify-content: center!important;
	}
	
	.image-partenaires{
   		width: 50%;
	}

	/*Catalogue*/
	.container-discover h2{
		max-width: 69%;
	}
}

@media screen and (max-width: 1024px){
    /*AHeader*/
	.header-home-img{
		width: 80%!important;
	}

    /*Actualités*/
    .home-news .elementor-container{
    	flex-direction: column!important;
    	align-items: center!important;
    }

    .home-news-title{
    	width: 100%!important;
    	text-align: center;
    }

    .element-actu-home{
    	max-width: 100%;
	}

	.sep-news, .button-news{
		display: none;
	}

	.sep-news-responsive, .button-news-responsive{
		display: block;
	}

	.post-home-news{
		width: 100%!important;
	}

	.post-home-news .elementor-grid{
		grid-template-columns: repeat(3,1fr)!important;
	}

	/*Contributions*/
	.contrib{
		max-width: 100%;
	}
}

@media screen and (max-width: 960px){
    /*Catalogue*/
	.content-discover{
    	padding: 70px;
	}

	.container-discover h2{
		max-width: 67%;
	}

	.title-mag-home .elementor-heading-title{
		font-size: 35px!important;
	}

	/*Contributions*/
	.contrib{
		padding: 40px;
	}

	.container-contrib{
		flex-direction: column;
		align-items: initial;
	}

	.element-contrib:first-child{
    	margin-bottom: 10px;
    	width: 100%;
	}

	.date-contrib{
		width: initial;
			&:before{
	    		display: none;
			}
	}
}

@media screen and (max-width: 740px){
    /*Actualités*/
	.post-home-news .elementor-grid{
    	grid-template-columns: initial!important;
	}

	/*Catalogue*/
	.container-discover h2{
		max-width: 100%;
		font-size: 33px;
		line-height: 37px;
	}

	.content-discover{
		padding: 40px;
	}

	/*Parutions*/
	.content-release{
    	width: 100%;
			&:nth-child(2),&:nth-child(3),&:nth-child(4){
				margin: 50px 0 0;
			}
	}

	/*Vidéo*/
	.video-home{
    	width: 100%!important;
	}

	/*Partenaire*/
	.container-logo-partenaires .elementor-container{
    	flex-direction: column!important;
	}

	.element-logo-partenaires{
    	width: 100%!important;
			&:first-child{
    			margin-bottom: 30px;
			}
	}

	.image-partenaires{
    	width: 19%;
    	margin: 0 20px 0 0;
			img{
    			width: 100%;
			}
	}
}

@media screen and (max-width: 480px){
    /*Header*/
	.header-home-img{
    	width: 100%!important;
	}

	/*Actualités*/
	.container-release{
		align-items: flex-start;
	}

	/*Contributions*/
	.contrib{
    	padding: 20px;
	}

	.sep-contrib:after{
    	margin: 30px 0;
	}

	/*Partenaires*/
	.image-partenaires{
    	width: 43%;
	}
}

@media screen and (max-width: 380px){
	/*Partenaires*/
	.image-partenaires{
    	width: 41%;
	}
}

@media screen and (max-width: 360px){
	/* Contributions */
	.date-contrib{
		flex-direction: column;
		align-items: flex-start;
	}

	.square-date{
		margin-left: 0;
		margin-top: 20px;
	}
}