/* -----------------------------------------------------------------------------
 * Style générique
 * ----------------------------------------------------------------------------- */
body {
	background: #898b79;
}
/* -----------------------------------------------------------------------------
 * Complément de la zone d'affichage principale
 * ----------------------------------------------------------------------------- */
#animFlash {
	height: 240px;
}

#corps {
	background: url('../img/bg_avant_accueil_b2c.png') top left repeat-y #dad9c1; 
}
#colonneCentre {
	width: 344px;
	min-height: 300px;
	_height: 300px;	/* Hack pour IE (invisible pour Firefox) */
	float: left;
}
#colonneDroite {
	width: 327px;
	min-height: 300px;
	_height: 300px;	/* Hack pour IE (invisible pour Firefox) */
	float: left;
}
#colonneGauche {
	min-height: 300px;
	_height: 300px;	/* Hack pour IE (invisible pour Firefox) */
	width: 331px;
}
img.visuelB2bCentre {
	display: block;
	width: 344px;
	height: 438px;
}
/* ------------------------
 * Editorial
 * ------------------------- */
#connectezVous,
#enregistrement,
#information,
#avantages,
#aide,
#formulaireDemande,
#brochures,
#erratumBrochures {
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 8pt;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 20px;
	padding-bottom: 10px;
}
/* ------------------------
 * Formulaires
 * ------------------------- */
#connectezVous p,
#formulaireDemande  form p {
	line-height: 25px;
}

#connectezVous p.perdu {
	margin-top: 10px;
	line-height: 25px;
	text-align: right;
}
#information  table,
#connectezVous  table,
#formulaireDemande  table {
	width: 300px;
}
#information col.colonneG,
#connectezVous col.colonneG,
#formulaireDemande col.colonneG {
	width: 90px;
}
#information col.colonneD,
#connectezVous col.colonneD,
#formulaireDemande col.colonneD {
	width: 210px;
}

#formulaireDemande  form {
	margin-top: 20px;
}
/* -----------------------------------
 * Formulaire type
 * ----------------------------------- */
/* -- Demande de création de compte */
form.demandeCompte input {
	margin-left: 10px;
	width: 180px;
}
form.demandeCompte button {
	margin-top: 10px;
	width: 219px;
	height: 25px;
}
form.demandeCompte img {
	width: 219px;
	height: 25px;
}
/* -- Connexion compte */
form.connection input {
	width: 180px;
}
form.connection button {
	margin-top: 10px;
	width: 94px;
	height: 25px;
}
form.connection img {
	width: 94px;
	height: 25px;
}
/* -- Mot de passe perdu */
form.demandeMotDePasse input {
	width: 180px;
}
form.demandeMotDePasse button {
	margin-top: 10px;
	width: 122px;
	height: 25px;
}
form.demandeMotDePasse img {
	width: 122px;
	height: 25px;
}
/* -- Mot de passe perdu */
form.demandeInfo input {
	width: 180px;
}
form.demandeInfo select {
	width: 180px;
}
form.demandeInfo button {
	margin-top: 10px;
	width: 122px;
	height: 25px;
}
form.demandeInfo img {
	width: 122px;
	height: 25px;
}
/* ------------------------
 * Consultation de brochures
 * ------------------------- */
#brochures table.mavBrochure {
	width: 297px;
	height: 100px;
	color: #727461;
}

#brochures table.mavBrochure col.colonneG {
	width: 70px;
}

#brochures table.mavBrochure td {
	vertical-align: top;
}

#brochures table.mavBrochure col.colonneD {
	width: 227px;
}

#brochures img.visuelBrochure {
	display: block;
	width: 70px;
	height: 95px;
}

#brochures p.titreBrochure {
	margin-left: 20px;
	font-size: 14pt;
	font-weight: bold;
}

#brochures p.stitreBrochure {
	margin-left: 22px;
	font-size: 18pt;
}

#brochures p.texteBrochure {
	margin-top: 10px;
	margin-left: 20px;
	font-size: 10pt;
	font-weight: bold;
}
#brochures select {
	width: 207px;
}