/* M_connexion */

/* @auteur	Alsacreations, VP  */
/* @cree	2008-07-         */
/* @modif	2008-07-         */
/* @gabarit	                  */
/* @version	1                  */

#M_connexion {
	margin-bottom: 100px;
}


/* titre Connexion */
#M_connexion h2 {
	background: url(../img/M_connexion_titre.png) left top no-repeat;
	border-bottom: 14px solid #164F80;
	width: 768px;
	height: 38px;
	margin-bottom: -9px;
}


/* 1er bloc: identifiez-vous */
#M_connexion #M_connexion_identification {
	background-color: white;
	float: left;
	width: 344px;
	min-height: 204px;	/* pour Safari (d�j� OK pour Fx2/3 et Opera 9.2x/9.5 Voir IE6 et IE7 */
	border: 1px solid #ACACAC;
	margin-right: 13px;
}

#M_connexion #M_connexion_identification h3 {
	background: url(../img/M_connexion_identification_titre.png) left top no-repeat;
	color: #CCCCCC;
	width: 344px;
	height: 50px;
	margin-bottom: 11px;
}

#M_connexion #M_connexion_identification p {
	line-height: 1.2;
	margin-left: 8px;
}

#M_connexion #M_connexion_identification label {
	display: block;
	font-weight: bold;
	margin-bottom: 2px;
}

#M_connexion #M_connexion_identification .saisie {
	border: 1px solid #164F80;
	font-size: 1em;
	vertical-align: middle;
	width: 164px;
	margin: 0px 8px 8px 0;
	padding: 2px 3px;
}

#M_connexion #M_connexion_identification span.info {
	background: url(../img/picto_information.png) left top no-repeat;
	vertical-align: 4px;
	font-weight: bold;
	padding-bottom: 8px;
	zoom: 1;
}

#M_connexion #M_connexion_identification span.info a {
	color: #F58220;
	padding-left: 20px;
}

#M_connexion #M_connexion_identification .cas_ombrage {
	margin-left: 4px;
}

#M_connexion #M_connexion_identification_submit {
	clear: both;
	margin: 8px 0 20px 0;
}


#M_connexion #M_connexion_abonne {
	background: white url(../img/M_connexion_fond_vert.png) left top no-repeat;
	float: left;
	width: 198px;
	min-height: 204px;
	border: 1px solid #ACB12F;
	margin-right: 12px;
}

#M_connexion #M_connexion_abonne h3 {
	background: url(../img/M_connexion_abonne_titre.png) left top no-repeat;
	width: 198px;
	height: 50px;
	color: #B0B605;
	text-transform: uppercase;
}

#M_connexion #M_connexion_abonne p,
#M_connexion #M_connexion_decouverte p {
	margin: 0.8em 6px 22px 6px;
}


/* 3�me bloc: offre d�couverte */
#M_connexion #M_connexion_decouverte {
	background: white url(../img/M_connexion_fond_bleu.png) left top no-repeat;
	float: left;
	width: 195px;
	min-height: 204px;
	border: 1px solid #5F94C9;
}

#M_connexion #M_connexion_decouverte h3 {
	background: url(../img/M_connexion_decouverte_titre.png) left top no-repeat;
	width: 195px;
	height: 50px;
	color: #5F94C9;
	text-transform: uppercase;
}


/* concerne les 4 liens .suite et .suite.bis E*/
#M_connexion #M_connexion_abonne .suite,
#M_connexion #M_connexion_decouverte .suite {
	background: url(../img/M_connexion_fleche.png) 0 4px no-repeat;
	border-top: 1px solid #ACB12F;
	font-size: 1em;
	margin-top: 0;
	margin-bottom: 0;
	padding: 3px 7px 4px 15px;
}

#M_connexion #M_connexion_decouverte .suite {
	border-top: 1px solid #5F94C9;
}

#M_connexion #M_connexion_abonne .bis,
#M_connexion #M_connexion_decouverte .bis {
	font-weight: normal;
}

/* =D�connexion */
#M_connexion #M_connexion_deconnexion {
	background-color: white;
	color: red;
	border: 1px solid red;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.6em;
	border: 1px solid red;
	margin: 10px 12px 0 14px;
	padding: 6px 20px 6px 0;
}

#M_connexion #M_connexion_deconnexion p {
	padding-left: 41px;
}

#M_connexion #M_connexion_deconnexion p.M_connexion_deconnexion_picto {
	background: url(../img/M_connexion_exclamation_rouge.png) left 2px no-repeat;
	font-size: 1.4em;
	margin-left: 21px;
	padding-left: 20px;
}

#M_connexion #M_connexion_deconnexion p.M_connexion_deconnexion_liens {
	margin: 0 0 1px 100px;
}

#M_connexion #M_connexion_deconnexion p.M_connexion_deconnexion_liens a {
	margin-right: 19px;
}