* { padding: 0; margin: 0; }
* { outline: none; } /* Empêche l'appararition d'un contour pointillé lors du click d'un lien sous Firefox*/

body {
	background-color:#000000;
	height:100%;	/* nécessaire sous I.E. pour un calcul correct de la hauteur de la page */
}

#enveloppe {
	width:100%;
	/* tentative infructeuse de centrer le site, car le fond et le filet ne l'est alors pas */
	/*margin:0 auto 0 0;*/
	height:100%;
}

#fond {
	background-image: url("../visuel/fond_v2.jpg"); background-repeat:repeat;
	width:776px; height:100%;
	position:absolute; left:204px; top:0px;
}

/* ------------ */
/* Bande gauche */
/* ------------ */

#bandeGauche {
	background-color:#000000;
	min-height:700px;	/* cf. maquette */
	height:100%;
	width:210px;
	position:absolute;
	/* DEBUG background-color:#FF0000;*/
}

#accroche {
	/* DEBUG background-color:#999999;*/
	position:relative;
	margin-left:25px; margin-right:22px;
	margin-top:22px;
	text-align:left; line-height:1.1;
	font-weight:normal; font-size:22px;
	color:#AC9E11
}

#accroche p {
	margin-top:6px;
}

#matiere {
	/* DEBUG background-color:#999999;*/
	/*position:relative;*/
	margin-left:48px;
	color:#d9dadb;
	font-family:Lucida Grande, Century Gothic, Arial; font-weight:normal; font-size:17px;
	margin-top:18px;
}

#matiere li {
	margin-bottom:22px;
	margin-left:-18px;
	/*display:list-item;
	list-style-image:url("../visuel/puce.jpg");*/
	list-style-type:none;
	background: url("../visuel/puce.png") no-repeat 0 0.18em;
	padding-left: 20px;
}

#filet_haut {
	background: url(../visuel/filet_haut.jpg);
	height:80px;
	width:8px;
	position:absolute; left:202px; top:0px;
	z-index:10;
}
#filet_milieu {
	background: url(../visuel/filet_milieu.jpg) repeat;
	height:inherit;
	width:8px;
	background-repeat:repeat-y;
	position:absolute; left:202px; top:80px;
	z-index:10;
}

/* ---------- */
/* Bande haut */
/* ---------- */

#bandeHaut {
	background-color:#000000;
	position:relative; left:210px; /* was 204*/
	padding-bottom:0px;
	height:80px;
	width:770px;	/* = 980 - 210, cf. maquette */
	/* DEBUG background-color:#00FF00;*/
}

#bandeHaut ul {
	/* TBD */
	margin-left:-22px; padding-top:12px;
}

#bandeHaut ul li {
	/*list-style:circle;*/
	padding-left:25px;
}

#bandeHaut a {
	color:#000000; text-decoration:none;
}
#bandeHaut img {
	padding-left:5px;
	padding-right:5px;
	border-width:0;
}

/* ------- */
/* contenu */
/* ------- */

#contenu {
	min-height:620px;	/* 700 - 80, cf. maquette */
	width:770px;		/* 980 - 210 cf. maquette */
	position:relative; left:210px;
}

#logo {
	position:relative; left:152px; top:22px;
	width:438px; height:124px;
}

#connexion {
	position:absolute; left:640px; top:22px;
	text-align:left; line-height:1.5;
	font-family:Lucida Grande, Century Gothic, Arial; font-weight:normal; font-size:13px;
}

#connexion p.envoyer {
	margin-top: 8px;
	margin-bottom: 5px;
	vertical-align:bottom;
	color:#ff0000;
}
#connexion img {
	vertical-align:bottom;
}
	
#connexion .code {
	text-decoration: none;
	font-size:10px; color:#000000;
}
#connexion .code img {
	border-width:0;
}

#texte_page_accueil {
	position:absolute; left:172px; top:214px;
	font-family:Lucida Grande, Century Gothic, Arial; font-weight:normal;
	text-align:center;
}
#texte_page_accueil p.consult_fiche {
	font-size:16px; font-weight:bold;
	color:#000000;
	vertical-align:middle;
}
#texte_page_accueil p.consult_fiche img {
	vertical-align:middle;
}
#texte_page_accueil p.visite_site {
	margin-top:30px;
	font-size:17px; font-weight:bold;
	color:#AC9E11;
}

#exemple_fiche {
	position:absolute; left:48px; top:310px;
}
#exemple_fiche table {
	/*height:300px;*/
	margin-left:auto;
	margin-right:auto;
	/*border:solid;
	border-color:#FF0000;*/
}
#exemple_fiche td {
	padding: 3px 10px 3px 10px; /* top et bottom à régler en fonction de la hauteur max des logos */
	vertical-align:top;
	text-align:center;
	/*border:solid;
	border-color:#0000FF;*/
}
#exemple_fiche td a img {
	border-width:0;
}
#exemple_fiche table .table_fiche {
	height:114px; /* à régler en fonction de la hauteur max des logos */
	margin-top:0px;
	margin-bottom:0px;
	/*border:solid;
	border-color:#FFFF00;*/
}
#exemple_fiche td .fiche {
	vertical-align:top;
	/*border:solid;
	border-color:#000000;*/
}
#exemple_fiche td .logo_partenaire {
	vertical-align:bottom;
}

/* ------------ */
/* Page contact */
/* ------------ */

#texte_page_contact {
	position:absolute; left:35px; top:269px;
}

#texte_page_contact p {
	font-family:Arial;
	font-size:19px; font-weight:normal;
	color:#000000;
	vertical-align:middle;
	text-align:center;
	line-height:1.4;
}
#texte_page_contact p.petit {
	font-size:11px;
	line-height:1;
}

/* ------------------ */
/* Page essai gratuit */
/* ------------------ */

#texte_page_essai_gratuit {
	position:absolute; left:35px; top:190px;
}

#texte_page_essai_gratuit p, div {
	font-family:Arial;
	font-size:16px; font-weight:normal;
	color:#000000;
	vertical-align:middle;
	text-align:left;
	line-height:1.4;
}

#texte_page_essai_gratuit p.item {
	margin-bottom:22px;
	margin-left:-18px;
	list-style-type:none;
	background: url("../visuel/puce.png") no-repeat 0 0.18em;
	padding-left: 20px;
}

#texte_page_essai_gratuit div.civilite {
	margin-left: 60px;
	padding-bottom:20px;
}

#texte_page_essai_gratuit div.civilite p {
	padding-top: 10px;
}

#texte_page_essai_gratuit div.civilite p.champ input {
	position:absolute; left:145px;
}