#bgPopin{
	display: block;
    height: 100vh;
    width: 100vw;
    background: #000000d9;
    position: fixed;
    bottom: 0;
    z-index: 100;
}
#popinNewsletter
{
 position: fixed;
 z-index: 6;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 width: 70%;
 box-shadow: 0 0 700px rgba(0, 0, 0, 0.35);
 background-color: #ffffff;
 display: flex;
flex-wrap: wrap;
align-items: center;
}

#popinNewsletter #popinForm 
{
	width: 49.4%;
	color: #242424;
	font-weight: normal;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin:0;
}
#popinNewsletter img
{
	width:50%;
	display: inline-block;
}

#popinNewsletter #popinForm h1
{
    color: #cc393e;
    font-family: "Times - Roman";
    font-size: 2rem;
    line-height: normal !important;
    font-weight: normal;
}

#popinNewsletter #popinForm h1 span
{
font-family: "Athelas - Regular";
font-weight: normal;
color:#242424;
display: block;
height: 1rem;
}


#popinNewsletter #popinForm p#info
{
float : none !important;
width: auto ;
height: 0.4rem;
}

#closePopin
{
position: absolute;
background-color: #000;
color:#FFF;
top:0;
right: 0;
transform: translate(50%,-50%);
height: 30px; 
width: 30px;
border-radius: 50%;
font-size: 15px;
}

#zoneSaisie
{
	width: 45%;
	
	border-radius: 5px;
	margin:auto;

	display: inline-block;
}

#validerSaisie
{   width : auto;
	background-color: #cc393e;
	font-family: Roboto;
	padding: 1.2em 2em;
	border-radius: 0.3rem;
	display: inline-block;
}
#popinNewsletter.hide, #bgPopin.hide{
	display: none !important;
}

#popinNewsletter.show, #bgPopin.show{
	display: flex !important;
}

@media screen and (max-width: 420px)
{	
	#popinNewsletter
	{
		padding: 1rem;
	}

	#popinNewsletter #popinForm h1
	{
	    text-align: -webkit-center;
	    width: 100%;
	}
	#popinNewsletter #popinForm h1 span
	{
	font-family: "Athelas - Regular";
	font-weight: normal;
	color:#242424;
	display: block;
	}

	#popinNewsletter img
	{
		width:50%;
		display: none;
	}

	#popinNewsletter #popinForm 
	{
    width: 49.4%;
    color: #242424;
    font-weight: normal;
    display: contents;
    vertical-align: top;
    text-align: center;
  
	}
	#bgPopin
	{
		z-index: 100;
	}

	#zoneSaisie
	{
	width: 100%;
	border-radius: 0.5rem;
	}

	#validerSaisie
	{ 	width : 100%;
		margin: auto; 
		margin-top: 1rem;
	}
}