/* M_inscription_e2 */

#M_inscription_e2 {
	border-top: 7px solid #F58220;
	width: 770px;
}

#M_inscription_e2 h2 {
	border-top: 1px solid white;
}

/* =encart promotion */
#M_inscription_e2 .M_inscription_e2_promotion {
	background-color: #666;
	border: 1px solid #CFCCB4;
	width: 442px;
	margin: 10px 12px 10px 0;
	
}

/* =formulaire */

#M_inscription_e2 form {
	margin: 0 0 62px 14px;
}

#M_inscription_e2 fieldset {
	background-color: white;
	border: 1px solid #CFCCB4;
	width: 442px;
	margin: 10px 12px 10px 0;
	padding-bottom: 6px;
}

#M_inscription_e2 h3 {
	color: black;
	font-size: 1.4em;
	font-weight: bold;
	margin: 10px 20px 15px 8px;
}

/* la règle avec span concerne le select (situation actuelle) */
#M_inscription_e2 .form_m label, #M_inscription_e2 .form_m span {
	font-weight: bold;
	text-align: right;
	width: 178px;
	float: left;
	margin: 2px 9px 0 2px;
}

#M_inscription_e2 .form_m input, #M_inscription_e2 .form_m select {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.0em;
	width: 221px;
	margin-bottom: 2px;
	padding: 1px 3px;
}

#M_inscription_e2 .form_m select {
	padding: 0 3px;
	width: 231px;
}

/* boutons radio de civilité */
#M_inscription_e2 .M_inscription_e2_civilite span {
	font-weight: bold;
	text-align: right;
	width: 178px;
	float: left;
	margin: 0 9px 0 2px;
}

#M_inscription_e2 .M_inscription_e2_civilite {
	margin-bottom: 15px;
}

#M_inscription_e2 .M_inscription_e2_civilite label {
	font-weight: bold;
	margin-right: 14px;
}

#M_inscription_e2 .M_inscription_e2_civilite input {
	vertical-align: -3px;
	margin-right: 4px;
}

/* réception des emails HTML/texte */
#M_inscription_e2 .form_d {
	width: 225px;
	line-height: 1.8em;
	margin: 0 0 3px 190px;
}

#M_inscription_e2 .form_d label {
	font-weight: bold;
	margin-right: 13px;
}

#M_inscription_e2 .form_d input {
	vertical-align: -3px;
	margin-right: 4px;
}



/* bloc relatif à la newsletter (1 case à cocher stylée différemment) */
#M_inscription_e2 #M_inscription_e2_newsletter p {
	font-weight: bold;
	margin: 17px 0 25px 9px;
}

#M_inscription_e2 #M_inscription_e2_newsletter p a {
	color: #9A0C29;
}

#M_inscription_e2 #M_inscription_e2_newsletter input {
	margin-right: 8px;
}


/* bloc relatif à l'opt-in (2 cases à cocher, écrit en gris) */
#M_inscription_e2 #M_inscription_e2_optin {
	padding: 4px 0 0 0;
}

#M_inscription_e2 #M_inscription_e2_optin p {
	color: #666666;
	margin: 9px 0 9px 9px;
	line-height: 1.4em;
}

#M_inscription_e2 #M_inscription_e2_optin input {
	margin-right: 8px;
	float: left;
}

#M_inscription_e2 #M_inscription_e2_optin p span {
	margin-left: 21px;
	display: block;
}

#M_inscription_e2 #M_inscription_e2_optin p.M_inscription_e2_centrer {
	margin: 1px 0 6px 4px;
	text-align: center;
}

#M_inscription_e2 #M_inscription_e2_optin p.M_inscription_e2_centrer input {
	float: none;
	margin: 1px 0 0 0;
}


/* =message encadré d'orange avec picto point d'exclamation */
#M_inscription_e2 .M_inscription_e2_indication {
	background: white url(../img/M_inscription_e2_exclamation.png) 21px 3px no-repeat;
	color: #420005;
	border: 1px solid #F58220;
	width: 700px;
	margin: 20px 0;
	padding: 4px 0 5px 41px;
}


/* =bloc encadré d'orange et flottant à droite  */
#M_inscription_e2 .M_inscription_e2_aide {
	background: white url(../img/M_inscription_e2_exclamation.png) 21px 13px no-repeat;
	color: #666666;
	border: 1px solid #F58220;
	float: right;
	width: 214px;
	margin-right: 23px;
	padding: 1px 10px 30px 51px;
}

#M_inscription_e2 .M_inscription_e2_aide a {
	color: #666666;
}

#M_inscription_e2 #M_inscription_e2_abonne {
	background-position: 21px 43px;
	font-weight: bold;
	width: 224px;
	padding: 34px 10px 12px 41px;
}

#M_inscription_e2 #M_inscription_e2_abonne a {
	color: #F58220;
}

/* gabarit 17 - lors d'un changement de situation */
#M_inscription_e2 #M_inscription_e2_situation {
	color: black;
	background-position: 21px 43px;
	width: 224px;
	padding: 34px 10px 34px 41px;
}


/* =messages d'erreur du gabarit 16.2 "on" */
/* Fonctionnement:
	- les encadrés rouge ont la classe: M_inscription_e2_indication_erreur (car similaires à M_inscription_e2_indication)
	- les champs en erreur ont une classe supplémentaire M_inscription_e2_erreur pour pouvoir les cibler en CSS
	  et un (<br />)<span>texte sous le champ</span>
*/
#M_inscription_e2 .M_inscription_e2_indication_erreur {
	background: white url(../img/M_inscription_e2_exclamation_rouge.png) 21px 8px no-repeat;
	color: red;
	font-size: 1.4em;
	font-weight: bold;
	border: 1px solid red;
	width: 700px;
	margin: 20px 0;
	padding: 7px 0 7px 41px;
}

#M_inscription_e2 .M_inscription_e2_erreur label {
	color: red;
}

#M_inscription_e2 .M_inscription_e2_erreur span {
	color: red;
	font-weight: normal;
	text-align: left;
	width: 231px;
	margin: 0 0 0 187px;
	padding: 1px 0 9px 0;
}