#encart
{
	background-color: 	#fff;
}
/*************************************
 * Encart LR
 *************************************/
.commons_leftright
{
}
.commons_leftright::after
{
	content: 			" ";
	display: 			block;
	clear: 				both;
}
.commons_leftright .commons_wrap
{
	position:  				relative;
	background-color:  		#2d2d2d;
}
.commons_leftright_picture
{
	position:  				absolute;
	top:  					0;
	left:  					0;
	bottom:  				0;
	width:  				45%;
	background-position:	center center;
	background-repeat: 		no-repeat;
	background-size:  		cover;
}
.commons_leftright_info
{
	position:  			relative;
	margin-left:   		45%;
	padding:  			120px 50px;
	padding-left:  		150px;
	padding-left:  		100px;
	color:  			#fff;
	text-align:  		right;
}
.commons_leftright_info_text
{
	max-width:  		490px;
	margin:  			0 auto;
}

	.commons_leftright_info h2
	{
		color:  		#fff;
		font-size:  	26pt;
	}

	.commons_leftright_info ul
	{
		margin:  			0;
		padding:  			0;
		list-style-type: 	none;
		columns: 			2;
		text-align:  		center;
		margin-top:  		50px;
	}
	.commons_leftright_info li
	{
		min-height:  		120px;
		/*margin-bottom:  	50px;*/
		padding-left:  		50px;
	}
	.commons_leftright_info li strong
	{
		display:  		block;
		font-size:  	23pt;
	}


.commons_leftright_encart
{
	position:  				absolute;
	bottom:  				-40px;
	left:  					-110px;
	background-color:  		#7BD5F5;
	padding: 				100px 20px 40px 20px;
	color:  				#fff;
	font-weight:  			600;
	background-image: 		url(../images/commons/logo-seul.svg);
	background-position:	50% 30px;
	background-repeat: 		no-repeat;
	background-size:  		50px;
	text-align:  			left;
	width:   				220px;
}

/*************************************
 * Encart Promo
 *************************************/
.commons_encartpromo
{
	position:  			relative;
	padding:  			50px 0;
	overflow:  			hidden;
}
.commons_encartpromo .commons_wrap
{
	position: 				relative;
	background-color:  		#2d2d2d;
	max-width:  			1200px;
	margin:  				100px auto;
}
.commons_encartpromo::before
{
	content: 				" ";
	display: 				block;
	clear: 					both;
	position:  				absolute;
	z-index:  				0;
	top:  					40vh;
	left:  					-150px;
	right:  				-150px;
	bottom:  				-50vh;
	transform:  			rotate(-10deg);
	background-color:  		#f4f4f4;
	background-image: 		url(../images/commons/pattern.svg);
	background-position:	bottom right;
	background-repeat: 		repeat;
	background-size:  		160%;
}
.commons_encartpromo::after
{
	content: 			" ";
	display: 			block;
	clear: 				both;
}
.commons_encartpromo_picture
{
	position:  				absolute;
	top:  					0;
	left:  					0;
	bottom:  				0;
	width:  				45%;
	background-position:	center center;
	background-repeat: 		no-repeat;
	background-size:  		cover;
}
.commons_encartpromo_info
{
	position:  			relative;
	margin-left:   		45%;
	padding:  			120px 100px;
	color:  			#fff;
	text-align:  		center;
	font-size:  		14pt;
}
.commons_encartpromo_info strong
{
	color:  			#7BD5F5;
}
.commons_encartpromo_info h2
{
	color:  		#fff;
	font-size:  	26pt;
}

.commons_encartpromo_link
{
	position:  			absolute;
	text-align:  		center;
	left:  				0;
	right:  			0;
	bottom:  			-20px;
}




@media only screen /* Smartphone Horizontal */
and (max-width : 1200px)
{

	/*************************************
	 * LeftRight
	 *************************************/
	.commons_leftright_info
	{
		padding-left:  		50px;
	}

	.commons_leftright_info h2,
	.commons_leftright_info li strong
	{
		font-size:  			22pt;
	}

}


@media only screen /* Smartphone Horizontal */
and (max-width : 1000px)
{

	/*************************************
	 * LeftRight
	 *************************************/
	.commons_leftright_picture
	{
		position:  				relative;
		width:  				auto;
		height:  				50vh;
	}


	.commons_leftright_encart
	{
		position:  				absolute;
		bottom:  				auto;
		top:  					-120px;
		left:  					30%;
		width:   				40%;
	}
	.commons_leftright_info
	{
		margin-left:   		0;
		padding:  			100px 50px;
	}

	.commons_leftright_info h2,
	.commons_leftright_info li strong
	{
		font-size:  			18pt;
	}

	/*************************************
	 * Encart Promo
	 *************************************/
	.commons_encartpromo .commons_wrap
	{
		margin:  				0 20px;
	}
	.commons_encartpromo_picture
	{
		position:  				relative;
		top:  					0;
		left:  					0;
		bottom:  				0;
		width:  				auto;
		height:  				50vh;
	}
	.commons_encartpromo_info
	{
		position:  			relative;
		margin-left:   		0;
		padding:  			80px 30px;
	}
}

@media only screen /* Smartphone Horizontal */
and (max-width : 700px)
{


	.commons_leftright_encart
	{
		position:  				absolute;
		bottom:  				auto;
		top:  					-120px;
		left:  					0;
		width:   				100%;
		margin:  				0 20px;
	}

	.commons_leftright_info
	{
		padding:  			120px 20px;
		padding-bottom:  	20px;
		text-align:  		center;
	}

	.commons_leftright_info ul
	{
		columns: 			1;
	}
	.commons_leftright_info li
	{
		padding-left:  		0;
	}

}