/* Ecoute la Terre */
/* ================= */
/* FEUILLE de STYLE pour les FORMULAIRES */ 

@charset "utf-8";

/* ##################################################  
   ###  Formulaire d'inscription à la Newsletter  ###  
   ###  Formulaire de CONTACT                     ###  
   ###  Formulaire de de LOGIN administration     ###  
   ################################################## */

aside .inscription_newsletter,
aside .adhesion_association,
.formulaire_contact,
.formulaire_login_admin {
	margin: 40px 0 30px 20px;
	padding-bottom: 5px;
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.15);
}

.formulaire_contact {
	margin: 28px auto 10px 0px;
	width: 605px;
}

.formulaire_login_admin {
	margin: 25px auto 10px auto;
	width: 400px;
}

.inscription_newsletter,
.adhesion_association,
.formulaire_contact,
.formulaire_login_admin {
	background-color: rgba(255, 255, 255, 0.65);
}

aside .adhesion_association {
	margin-top: 30px;
}

aside .inscription_newsletter.seule {
	margin: 0 20px 20px 0;
}

aside .adhesion_association.seule {
	margin: 0 20px 20px 0;
}

aside .adhesion_association.avec_titre {
	margin-top: 30px;
}

.inscription_newsletter > p,
.adhesion_association > p,
.formulaire_contact > p:first-child,
.formulaire_login_admin > p {
	background-color: #92C73C;
	text-align: center;
	height: 36px;
	padding-top: 5px;
	background-image: linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.15);
	position: relative;
}

.adhesion_association > p {
	padding-top: 4px;
}

.formulaire_contact > p:first-child { padding-top: 2px; }

.super_bouton.inscription_newsletter,
.super_bouton.adhesion_association {
	position: relative;
}

.super_bouton.inscription_newsletter > p,
.super_bouton.adhesion_association > p {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.inscription_newsletter > p::after,
.adhesion_association > p::after,
.formulaire_contact > p:first-child::after,
.formulaire_login_admin > p::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 57px;
	background-repeat: no-repeat;
	background-position: center 36px;
	background-image: url('../images/newsletter_pointe.png');
}

.inscription_newsletter > p > span,
.adhesion_association > p > span,
.formulaire_contact > p:first-child > span,
.formulaire_login_admin > p > span {
	display: inline-block;
	color: #FFF;
	vertical-align: middle;
	padding-left: 60px;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.1em;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.inscription_newsletter > p > span {
	height: 24px;
	line-height: 24px;
	background-image: url('../images/newsletter.png');
}

.adhesion_association > p > span {
	padding-left: 80px;
	height: 30px;
  line-height: 27px;
	background-image: url('../images/association.png');
	background-position: 0 -1px;
}

.formulaire_contact > p:first-child > span {
	height: 31px;
	line-height: 29px;
	background-image: url('../images/bulle_contact.png');
	background-position: 0 2px;
}

.formulaire_login_admin > p:first-child > span {
	height: 29px;
	line-height: 27px;
	background-image: url('../images/cadenas.png');
	background-position: 0 -1px;
}

.inscription_newsletter form,
.adhesion_association .contenu_cadre,
.formulaire_contact form,
.formulaire_login_admin form {
	margin: 20px 10px 10px 10px;
	text-align: center;
}

.adhesion_association .contenu_cadre {
	margin-bottom: 3px;
}

.formulaire_login_admin form {
	padding-top: 5px;
}

.formulaire_contact form .illustre,
.formulaire_login_admin form .illustre {
	float: right;
	margin-right: 30px;
	margin-top: 5px;
}

.formulaire_login_admin form .illustre {
	margin-right: 10px;
}

.inscription_newsletter form > p,
.adhesion_association .contenu_cadre > p,
.formulaire_contact form > p,
.formulaire_login_admin form > p {
	color: #558021;
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
	letter-spacing: 0.02em;
	text-align: justify;
	padding: 5px 5px;
}

.adhesion_association .contenu_cadre > p {
	letter-spacing: 0.05em;
	text-align: center;
}

.super_bouton.adhesion_association .contenu_cadre p.bouton {
	margin-top: 9px;
	margin-bottom: 8px;
}

.adhesion_association img {
	margin: 5px auto;
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.15);
}

.super_bouton.inscription_newsletter form > p,
.super_bouton.adhesion_association .contenu_cadre > p,
.formulaire_contact form > p,
.formulaire_login_admin form > p {
	padding: 3px 15px;
}

.inscription_newsletter input.email,
.formulaire_contact input:not(.bouton),
.formulaire_contact textarea,
.formulaire_login_admin input:not(.bouton_radiobox) {
	color: #558021;
	background-color: #F5F8EB;
	height: 36px;
	width: 240px;
	padding: 0 5px 2px 10px;
	margin: 15px auto 5px auto;
	border-radius: 5px;
	border: 2px solid #96CB41;
	font-family: 'PT Sans', Arial, Helvetica, sans-serif; /* PT Sans = alternative gratuite à Myriad Pro... */
	font-size: 15px;
	letter-spacing: 0.06em;
}

.super_bouton.inscription_newsletter input.email {
	margin: 10px auto 3px auto;
	width: 300px;
}

.formulaire_contact input:not(.bouton),
.formulaire_login_admin input:not(.bouton) {
	margin: 5px auto 5px auto;
}

.formulaire_login_admin input.login {
	margin-bottom: 15px;
}

.formulaire_login_admin input.radiobox {
	margin-top: 15px;
	margin-bottom: 5px;
}

.formulaire_contact input.nom 				{ width: 326px; }
.formulaire_contact input.prenom 			{ width: 310px; }
.formulaire_contact input.email 			{ width: 405px; }
.formulaire_contact input.code_postal { width: 105px; margin-right: 30px; }
.formulaire_contact input.ville 			{ width: 229px; }
.formulaire_contact input.pays 				{ width: 150px; margin-right: 30px; }
.formulaire_contact input.telephone 	{ width: 194px; }
.formulaire_contact input.captcha 		{ width: 150px; }

.formulaire_contact input.nom.langue_es 				{ width: 316px; }
.formulaire_contact input.prenom.langue_es 			{ width: 330px; }
.formulaire_contact input.email.langue_es 			{ width: 395px; }
.formulaire_contact input.code_postal.langue_es { width: 105px; margin-right: 30px; }
.formulaire_contact input.ville.langue_es 			{ width: 203px; }
.formulaire_contact input.pays.langue_es 				{ width: 165px; margin-right: 30px; }
.formulaire_contact input.telephone.langue_es 	{ width: 192px; }
.formulaire_contact input.captcha.langue_es 		{ width: 150px; }

.formulaire_login_admin input.login 	 { width: 220px; }
.formulaire_login_admin input.password { width: 220px; }
.formulaire_login_admin input.automatique { width: 20px; }

.formulaire_contact textarea {
	width: 555px;
	height: 200px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	padding: 8px 12px;
}

span.etoile {
	font-family: Arial, Helvetica, sans-serif;
	color: red;
	font-size: 21px;
	position: relative;
	top: -2px;
}

.formulaire_contact .verif,
.formulaire_login_admin .verif { /* Affichage des erreurs... */
	text-align: center;
	color: #FF0000;
	font-size: 14px;
}

.formulaire_contact input.erreur,
.formulaire_login_admin input.erreur,
.formulaire_contact textarea.erreur {
	border-color: red;
	background-color: #FFDFDF;
}

p.necessaire {
	text-align: right;
	width: 605px;
	padding-top: 0;
	padding-right: 0;
	font-size: 13px;
	color: #888;
}

.formulaire_contact .trait_horizontal {
	border-bottom: 2px dotted #92C73C;
	margin: 20px -10px 20px -10px;
}

::-webkit-input-placeholder { color: #888; }
				 ::-moz-placeholder { color: #888; }
     :-ms-input-placeholder { color: #888; }
     input:-moz-placeholder { color: #888; }

.formulaire_contact .zone_captcha {
	float: right;
	margin-right: 15px;
	margin-top: 8px;
}

.formulaire_contact .zone_captcha span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 0;
	color: #999;
	padding-top: 0;
	cursor: pointer;
	text-decoration: none;
	position: relative;
	top: -5px;
}

.formulaire_contact .zone_captcha span:hover { text-decoration: underline; }

.formulaire_contact .indic {
	color: #AAA;
}

.formulaire_contact .envoi_message {
	text-align: left;
	border-top: 1px dashed #92C73C;
	margin: 30px auto 5px auto;
	width: 400px;
	padding: 8px 0 10px 82px;
	font-size: 14px;
	color: #558021;
	background-repeat: no-repeat;
	background-position: 18px 8px;
	background-image: url('../images/info_1_45.png');
}

.formulaire_contact .envoi_message.langue_es { width: 430px; }

.inscription_newsletter input.bouton,
.adhesion_association p.bouton,
.formulaire_contact input.bouton,
.formulaire_contact button,
.formulaire_login_admin input.bouton {
	color: #FFF;
	background-color: #96CB41;
	background-image: linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.08em;
	height: 32px;
	width: 160px;
	margin-top: 15px;
	text-shadow: none;
	padding: 0;
	border: none;
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.15);
	cursor: pointer;
}

.adhesion_association p.bouton {
	width: 200px;
	margin: 2px auto 5px auto;
	padding-top: 5px;
}

.adhesion_association p.merci {
	text-align: center;
	font-weight: 700;
}

.formulaire_contact input.bouton,
.formulaire_contact button {
	margin-top: 25px;
	width: 240px;
}

.formulaire_contact input.bouton.captcha_inactif,
.formulaire_contact button.captcha_inactif {
	margin-top: 0;
}

.formulaire_login_admin input.bouton {
	width: 180px;
}

.formulaire_contact input.bouton.langue_es,
.formulaire_contact button.langue_es {
	width: 220px;
}

.super_bouton.inscription_newsletter .inf-submit.inf-error {
	text-align: right;
	margin-right: 16px;
}

.super_bouton.inscription_newsletter input.bouton {
	margin-top: 9px;
}

.inscription_newsletter input.bouton:hover,
.adhesion_association p.bouton:hover,
.formulaire_contact input.bouton:hover,
.formulaire_contact button:hover {
	/*background-color: #558021;*/
	background-image: none;
}

.inscription_newsletter .inf-message {
	color: #D10C0C;
	font-size: 13px;
	letter-spacing: 0.04em;
	display: inline-block;
	line-height: 18px;
}

.super_bouton.inscription_newsletter .inf-message {
	position: absolute;
	width: 170px;
	left: 26px;
	bottom: 10px;
	text-align: left;
}

.inscription_newsletter .inf-input.inf-error input {
	border-color: #D10C0C;
	background-color: #FEE9E9;
	color: #D10C0C;
}

.inscription_newsletter .inf-success p.confirm {
	color: #558021;
	background-color: #EEF7DF;
	font-size: 14px;
	letter-spacing: 0.06em;
	margin-top: 14px;
	padding: 3px 0 4px 0;
	border-top: 1px solid #92C73C;
	border-bottom: 1px solid #92C73C;
}

.super_bouton.inscription_newsletter .inf-success p.confirm {
	padding: 7px 0 8px 0;
}

.inscription_newsletter .inf-success p.retour {
	color: #92C73C;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 0.20em;
	margin-top: 14px;
	margin-bottom: 3px;
}

.inscription_newsletter .inf-success span,
.inscription_newsletter .inf-success a {
	color: #92C73C;
	text-decoration: none;
}

.inscription_newsletter .ajax_loader {
	height: 36px;
	width: 240px;
	margin: 20px auto 0px auto;
}

.super_bouton.inscription_newsletter .ajax_loader {
	height: 29px;
}

/* ################################################################################## */