@media (min-width: 780px) and (max-width: 1400px)
{
	#bloc_promotion
	{
		width:49%;
		float:left;
	}	
	#bloc_item
	{
		width:49%;
		float:right;
	}	


}

@media (min-width: 380px) and (max-width: 780px)
{
	#bloc_promotion
	{
		width:100%;
		float:none;
	}	
	#bloc_item
	{
		width:100%;
		float:none;
	}	

}
/*
	img.promotion
	{
		border:1px solid black;	
		width: 100%;
		height:auto;
		padding:0px;
		margin:0px;
		border-radius: 20px;
		box-shadow: 5px 5px 20px rgba(255, 255, 255, 0.3);
	}	
	img.item
	{
		border:1px solid black;	
		width: 100%;
		height:auto;
		padding:0px;
		margin-bottom:25px;
		border-radius: 20px;
		box-shadow: 5px 5px 20px rgba(255, 255, 255, 0.3);
	}	
*/
	
	
#newsletter-overlay {
  position: fixed; inset: 0; background: rgba(0,0,0,.5);
  display: flex; align-items: center; justify-content: center; z-index: 9999;
}
#newsletter-modal {
  width: min(92vw, 520px); background: #fff; color:#222; border-radius: 16px;
  box-shadow: 0 10px 40px rgba(0,0,0,.25); padding: 1.25rem 1.25rem 1rem; position: relative;
}
#newsletter-modal h2 { margin: 0 0 .25rem; line-height: 1.2; font-size: 1.35rem; }
#newsletter-modal p { margin: 0 0 .75rem; }

#newsletter-close {
  position: absolute; top: 8px; right: 8px; border: 0; background: transparent;
  font-size: 1.5rem; line-height:1; cursor: pointer;
}
@media (prefers-reduced-motion:no-preference) {
  #newsletter-modal { transform: translateY(20px); opacity: 0; transition:.25s ease; }
  #newsletter-overlay[data-open="true"] #newsletter-modal { transform: translateY(0); opacity: 1; }
}