


.footer	{		position: relative;
				width: 90%;
				padding: 10% 5%;
				height: auto;
				float: left;
				text-align: center;
				background-color: #E31E24;
				border: none;
				margin: none;
				font-family: 'open sans';
				color: white;
				font-size: 1.2rem;
					}	

			


.formulaire		{	position: relative; 
					width: 100%;
					height: 100%;
					margin: 0% 0% 1% 0%;
					float: left;
					
					}

.formulaire input 	{	position: relative;
						width: 43%;
						margin: 1% 1.5%;
						padding: 2%;
						float: left;
						background: white;
						color: #AE2140;
						border: 0;
						font-family: 'Lato';
						border-radius: 5px;}			

		


.formulaire textarea 	{	position: relative;
						width: 93%;
						height: 40%;
						min-height: 40vh;
						margin: 1.5% 1.5% 0 1.5%;
						padding: 2%;
						float: left;
						background: white;
						color: #AE2140;
						border: 0;
						font-family: 'Lato';
						border-radius: 5px;}							
			
			
			
.send	{	position: relative;
			clear: both;
			padding: 2%;
			font-family: 'Lato';
			font-weight: 100;
			color: #AE2140;
			font-size: 1em;
			border: 1px solid white;
			background: white;
			margin: 1% calc(40% - 2px);
			text-transform: uppercase;
			text-align: center;
			max-width: 20%;
			transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);
			cursor: pointer;
			border-radius: 5px;
			
			}


.send:hover 	{ 	background: none;
				border: 1px solid white;
				color: white;
				transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);} 	

.postfooter		{	position: relative;
					background-color: #AA2421;
					float: left;
					width: 80%;
					height: auto; 
					padding: 10%;
					color: white;}	

.aprespostfooter	{	position: relative;
						background-color: #EBECEC;
					font-family: 'open sans';
					font-size: 0.8rem;
					float: left;
					width: 80%;
					height: auto; 
					padding: 5% 10%;
					background-image: url(gfx/bgk4.jpg);
					background-repeat: repeat;
						}					
.aprespostfooter span	{	clear: both;
							width: 100%;
							float: left;
							text-align: left;
							margin: 5% 5% 5% 2%;
							font-size: 0.6rem;	}
						
.aprespostfooter p		{	width: calc(84% / 4);
							float: left;
							padding: 0 2%;}					
						
.aprespostfooter p:first-line 	{	font-weight: bold;
									font-size: 1.2rem;
									border-bottom: 2px dotted black;}
									
.aprespostfooter a:hover		{	font-weight: bold; }	

.postpost		{	position: relative;
					background-color: #AA2421;
					float: left;
					width: 80%;
					padding: 2vh 10%;
					color: white;
					font-family: 'open sans';
					}	


.klauzula	{	position: relative;
					float: left;
					margin: 0 auto;
					min-height: 20%;
					width: 85%;
					padding: 7% 7.5%;
					background-color: #94090d;
					color: white;
					font-family: 'open sans';	}	

								
									
@media all and (max-width: 1000px) and (min-width: 120px) {	

.footer	{	font-size: 1rem; }	

.formulaire input 	{	width: 93%;
						margin: 1% 1.5%;
						padding: 2%;
						}			

		


.formulaire textarea 	{	position: relative;
						width: 93%;
						height: 20%;
						}							
			
			
			
.send	{	position: relative;
			clear: both;
			font-size: 0.8em;
			border: 1px solid white;
			background: white;
			margin: 1% auto;
			text-transform: uppercase;
			text-align: center;
			max-width: 20%;
			transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);
			cursor: pointer;
			border-radius: 5px;
			
			}


.send:hover 	{ 	background: none;
				border: 1px solid white;
				color: white;
				transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);}
				
.postpost		{	font-size: 0.5rem; }

}									