/* M_inscription_e2 */

/* Redéfinition des style pour affichage normal */
html, body, ol, ul, form, form p, fieldset, h1 {
padding:0pt;
margin:2px;
}

#M_inscription_e2 {
	width: 770px;
}

#M_inscription_e2 h2 {
	border-bottom:14px #164F80 solid;
	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 0px;
}

#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: #000000;
}

#M_inscription_e2 #M_inscription_e2_abonne {
	background-position: 21px 32px;
	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 34px;
	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;
}