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

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

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

.formpied input,
.formpied select,
.formpied textarea
{ 
	background-color:	rgba(255, 255, 255, 0.9) ;
	color			: 	#333;
	width			:	100%;
	margin-bottom	:	5px;
	border			:	1px solid transparent;
	padding			:	10px 10px;
}

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


.zoneCaseCocher {
  padding: 12px;
    padding-top: 12px;
    padding-right: 12px;
    padding-left: 12px;
  font-size: 0.9em;
  margin-bottom: 10px;
  cursor: pointer;
  border-radius: 5px;
  display: block;
  background-color: #555;
}

.infos {
color: #fb8080 !important;
font-family: arial;
font-size: 60%;
line-height: 100%;
padding: 0px 15px;
display: inline-block;
position: absolute;
margin-top: 0px;
z-index: 10;
right: -13px;
width: 200px;
top: 25px;
}

.infosLabel {
font-size:0.7em;
position: absolute;
display: inline-block;
margin-left: 5px;
margin-top: -11px;
color: #444;
background-color: #fff;
}

.infosLabel::after,
.infosLabel::before {
	content: "-";
}



.btnEnvoyer {
text-align: center;
background-color: #c13004 !important;
padding: 15px;
font-size:1.4em;
color: #fff;
margin: 15px auto 0px auto;
cursor:pointer;
width:80%
	}


.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;
/*  background-color: #fff9;*/
  padding: 20px;
  color: #aaa;
}

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

.zoneCaseCocher:hover {
  background-color: #fff1;
  transition: all .2s;
}

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