.newsletter .header { height:300px; overflow:hidden;}
.newsletter .header .bg-img { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; height:300px;}

.newsletter .header .content-inner { height:100%; padding-bottom:20px;}
.newsletter .header h1 { position: absolute; bottom:0; left:0; margin-bottom:20px;}
.newsletter .header img { width:100%; height:auto; position:absolute; top: 50%; transform: translateY(-50%); opacity:.5;}   

/** FORM **/
/** identique à recherche.css **/


.newsletter .field { display:block; margin-bottom:1rem; display:inline-block; width:100%; margin-right:2rem;}
.newsletter .field label {display:block; margin-top:.2rem;}
.newsletter .field input[type=text] { border-style:solid; border-color:#CCCCCC; border-width:1px; width:100%;height:4rem;}
.newsletter .field.error input[type=text] { border-color:#FF0000; }

.newsletter form {margin-bottom:2rem;}
.newsletter form input[type=submit]{height:4rem;}


/*********************************************/
/*** DESKTOP
/*********************************************/

/** **/
@media only screen and (min-width: 1024px)
{
	.newsletter .field {max-width:60rem;display:block;}
}

/** **/
@media only screen and (max-width: 1023px)
{
	.newsletter form input[type=submit] {width:100%;}
}