#newsletter
{
	min-height:95px;
	position:fixed;
	bottom:-500px;
	left:0px;
	right:0px;
	z-index:100;
	background: linear-gradient(to right, #F8CBDF,#A58CC3,#B8E5FB);
	transition:1500ms;
	text-align: center;
}

#newsletter.actif
{
	bottom:0px;
}

#newsletter .imagenewsletter01
{
	margin-left:2vw;
	display: inline-block;
	vertical-align: middle;
}

#formulairenewletter
{
	margin-left:2vw;
	display: inline-block;
	vertical-align: middle;		 
}

#newsletter .inputNewsletter
{
	height:40px;
	width:380px;
	border:none;
	border-radius:20px;
	padding-left:15px;
	font-family: inherit;
	font-size: inherit;
}

#newsletter .inputNewsletter::placeholder 
{

  font-size: 0.8em;
}

#newsletter button
{
	width:115px;
	height:40px;
	background-color: #D0CACA;
	color: #A391C5;
	border:none;
	border-radius:20px;
	font-size: 20px;	
	margin-left:20px;
	transition:500ms;
}

#newsletter button:hover
{
	cursor:pointer;
	transform:scale(1.05,1.05);
	box-shadow: 2px 2px 4px #444444;
	
}

#newsletter #commentaires
{
	display: inline-block;
	vertical-align: middle;
	margin-left:20px;
	font-size: 12px;
	text-align: left;
}

#newsletter #icone
{
	display: inline-block;
	vertical-align: middle;
	margin-left: 1.5vw;
	width:90px;
	filter: drop-shadow(2px 2px 4px #000000);
}