@charset "utf-8";
/* CSS Document */

#msgnews {
	background-color: #444;
	color: #aaa;
	font-size: 0.9em;
	margin-top: 5px;
	padding: 10px;
}

#msgnews a { color: #fff; }

#msgnews a:hover { color: #fff; text-decoration:underline; }

.formpied label {
	color: #aaa;
	display: block;
	font-size: 0.9em;
	margin-top: 5px;
}

.formpied input,
.formpied select,
.formpied textarea
{ 
	background-color:	#9991 ; 
	color			: 	#555;
	width			:	100%;
	margin-bottom	:	5px;
	padding			:	8px 10px;
	border			: 1px solid #fff4;
}

.formpied input:focus,
.formpied textarea:focus
{ 
	background-color:	#ddd ; 
	color			: 	#000;
	outline			:	none;
}



.formpied .bouton {
	background-color: #998c68 !important;
	border: 1px solid transparent;
	color: rgba(255, 255, 255, 1);
	padding: 6px 10px;
	border-radius:3px;
	width:auto;
}

.formpied .bouton:hover {
	background-color: #b7a576 !important;
	border-radius:0px;

}

.obligatoire{ 	color: #F60; }

.ok, .vert {
  background-color: #999;
  margin-top: 5px;
  padding: 10px;
  color:#fff;
}

.ko {
background-color: #f80;
margin-top: 5px;
padding: 10px;
  color:#fff;
}

.contenumsg1 { font-size:0.8em;}



.boxNews {
	width: 100%;
  margin: auto;
  padding: 20px;
}

.boxNewsTitre {
	font-size: 1.3em;
	margin-bottom: 10px;
}


/* Small Devices Potrait */
@media (max-width : 767px){
	.formpied #civilite {
		padding: 8px 10px; margin: 7px 2px; border: 1px solid transparent; width:100%
	}
	.formpied #nomPrenom {
		display: flex;
		flex-direction : column;
	}	
}
/* Small Devices Potrait */
@media (min-width : 1023px){
	
	.formpied #civilite {
		padding: 8px 10px; margin: 7px 2px; border: 1px solid transparent; width:30%
	}
	
	.formpied #nomPrenom {
		display: flex;
		flex-direction : row;
	}	
}