/*---------------------------------------------------*/
/*  CSS (2.2) pour le site de l'ASPTT Golf IdF       */
/*                                                   */
/*  Nom du fichier : asptt-golf.css                  */
/*  Version : 1.09                                   */
/*  Date : 24 juillet 2010                           */
/*                                                   */
/*  Ne doit jamais être modifié (sauf en cas de      */
/*  modification du style). Seuls les fichiers       */
/*  ".php" peuvent être modifiés.                    */
/*---------------------------------------------------*/
/*---------------------------------------------------*/
/*  Palette des couleurs utilisées                   */
/*  Bleu1 :       #CCEEFF (pour les fonds)           */
/*  Bleu2 :       #0000FF (pour les liens)           */
/*  Bleu3 :       #33CCCC                            */
/*  Gris :        #767676                            */
/*  Jaune :       #EEDD00                            */
/*  Orange :      #FF9900                            */
/*  Rouge :       #DD0000                            */
/*  Vert1 :       #77DD55                            */
/*  Vert2 :       #44AA22                            */
/*  Vert3 :       #337711                            */
/*  Violet :      #7777CC                            */
/*---------------------------------------------------*/

body, html, div {
	margin: 0px;
	padding: 0px;
}

/*---------------------------------------------------*/
/*  Pour tout le site (division "conteneur")         */
/*---------------------------------------------------*/
/*---------------------------------------------------*/
/*  Pour les polices : i indique "italique"          */
/*                     r indique "normal"            */
/*                     j indique "justifié"          */
/*                     l indique "cadré à gauche"    */
/*                     c indique "centré"            */
/*---------------------------------------------------*/
#conteneur p.i14j-noir {
	margin-top: 5px;
	font-family: Arial,Charcoal,sans-serif;
	font-size: 14px;
	font-style: italic;
	line-height: 20px;
	text-align: justify;
	color: #000000;
}

#conteneur p.i18l-triangle {
	margin-top: 25px;
	font-family: Arial,Charcoal,sans-serif;
	font-size: 18px;
	font-style: italic;
	line-height: 24px;
	text-align: left;
	color: #337711;
	background-color: transparent;
	background-image: url(images/triangle.gif);
	background-position: 0px 3px;
	background-repeat: no-repeat;
	padding-left: 20px;
}

#conteneur p.i20c-noir {
	margin: 0px;
	font-family: Arial,Charcoal,sans-serif;
	font-size: 20px;
	font-style: italic;
	line-height: 36px;
	text-align: center;
	color: #000000;
}

#conteneur p.r14c-vert {
	margin-top: 5px;
	font-family: Arial,Charcoal,sans-serif;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	color: #337711;
}

#conteneur p.r14j-noir {
	margin-top: 5px;
	font-family: Arial,Charcoal,sans-serif;
	font-size: 14px;
	line-height: 20px;
	text-align: justify;
	color: #000000;
}

#conteneur p.r14l-noir {
	margin-top: 5px;
	font-family: Arial,Charcoal,sans-serif;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	color: #000000;
}

#conteneur p.r18c-noir {
	margin-top: 0px;
	font-family: Arial,Charcoal,sans-serif;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	color: #000000;
}

#conteneur p.r18c-rouge {
	margin-top: 0px;
	font-family: Arial,Charcoal,sans-serif;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	color: #CC0011;
}

#conteneur p.r24c-noir {
	font-family: Arial,Charcoal,sans-serif;
	font-size: 24px;
	line-height: 48px;
	text-align: center;
	color: #000000;
}

#conteneur .i18l-balle {
	font-family: Arial,Charcoal,sans-serif;
	font-size: 18px;
	line-height: 24px;
	text-align: left;
	font-style: italic;
	background-color: transparent;
	background-image: url(images/balle.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 35px;
}

#conteneur .gras {
	font-weight: bold;
}

#conteneur .gras-vert3 {
	font-weight: bold;
	color: #337711;
}

#conteneur .noir {
	color: #000000;
}

#conteneur .rouge {
	color: #DD0000;
}

#conteneur .vert3 {
	color: #337711;
}

#conteneur .fond-blanc {
	background-color: #FFFFFF;
}

#conteneur .fond-bleu {
	background-color: #CCEEFF;
}

#conteneur .fond-bleu3 {
	background-color: #33CCCC;
}

#conteneur .fond-jaune {
	background-color: #EEDD00;
}

#conteneur .fond-orange {
	background-color: #FF9900;
}

#conteneur .fond-rouge {
	background-color: #DD0000;
}

#conteneur .fond-vert1 {
	background-color: #77DD55;
}

#conteneur .fond-vert2 {
	background-color: #44AA22;
}

#conteneur .fond-vert3 {
	background-color: #337711;
}

#conteneur .fond-violet {
	background-color: #7777CC;
}

#conteneur ul.menu-ul {
	list-style-type: none;
	padding: 0;
	margin-top: 10px;
	margin-left: 15px;
}

#conteneur li.menu-li {
	font-family: Arial,Charcoal,sans-serif;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	background: transparent url(images/puce.gif) 0px 5px no-repeat;
	padding-left: 15px;
}

#conteneur a:link {
	text-decoration: none;
	color: #0000FF;
}

#conteneur a:visited {
	text-decoration: none;
	color: #767676;
}

#conteneur a:hover {
	text-decoration: underline;
	color: #0000FF;
}

#conteneur span.image-a-droite {
	float:right;
}

#conteneur span.image-a-gauche {
	float:left;
}

#conteneur img.image-centree {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;                 /* pour IE 5 ! */
}

#conteneur p.raz {
	clear: both;
}

/*---------------------------------------------------*/
/* Logo de l'ASPTT (division "logo")                 */
/*---------------------------------------------------*/

#logo {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 220px;
	height: 140px;
}

#logo h1.logo {
	background-color: transparent;
	background-image: url(images/logo_asptt-golf.gif);
	background-position: top left;
	background-repeat: no-repeat;
	position: absolute;
	margin: 0px;
	top: 25px;
	left: 37px;
	width: 145px;
	height: 89px;
}

#logo h1.logo span {
	display: none;
}

/*---------------------------------------------------*/
/* Images et titre du site (division "bandeau")      */
/*---------------------------------------------------*/

#bandeau {
	position: absolute;
	top: 0px;
	left: 220px;
	width: 800px;
	height: 140px;
	background: #CCEEFF;
}

#bandeau h1.photo1 {
	background-color: transparent;
	background-image: url(images/bandeau1.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	position: absolute;
	margin: 0px;
	top: 0px;
	left: 0px;
	width: 200px;
	height: 92px;
}

#bandeau h1.photo1 span {
	display: none;
}

#bandeau h1.photo2 {
	background-color: transparent;
	background-image: url(images/bandeau2.png);
	background-position: top left;
	background-repeat: no-repeat;
	position: absolute;
	margin: 0px;
	top: 0px;
	left: 200px;
	width: 600px;
	height: 92px;
}

#bandeau h1.photo2 span {
	display: none;
}

#bandeau h1.titre {
	position: absolute;
	margin: 0px;
	top: 92px;
	left: 0px;
	width: 800px;
	height: 48px;
	font-family: Arial,Charcoal,sans-serif;
	font-size: 24px;
	line-height: 48px;
	text-align: center;
}

/*---------------------------------------------------*/
/* Actualités (division "actus")                     */
/* (voir i-actus.php                                 */
/*       i-actus-ea.php)                             */
/*---------------------------------------------------*/

#actus {
	position: absolute;
	top: 145px;
	left: 780px;
	width: 240px;
	height: 510px;
	background: #CCEEFF;
}

#actus p.p1 {
	margin: 0px;
	font-family: Arial,Charcoal,sans-serif;
	font-size: 20px;
	line-height: 36px;
	font-style: italic;
	text-align: center;
}

#actus dt.actus-dt {
	margin-left: 10px;
	font-family: Arial,Charcoal,sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #337711;
}

#actus dd.actus-dd {
	font-family: Arial,Charcoal,sans-serif;
	font-size: 14px;
	line-height: 20px;
}

#actus dt.actus-dt-rouge {
	margin-left: 10px;
	font-family: Arial,Charcoal,sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #DD0000;
}

#actus dd.actus-dd-rouge {
	font-family: Arial,Charcoal,sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #DD0000;
}

/*---------------------------------------------------*/
/* Menu public (division "menu")                     */
/* (voir i-menu.php)                                 */
/*---------------------------------------------------*/

#menu {
	position: absolute;
	top: 145px;
	left: 0px;
	width: 220px;
	height: 250px;
	margin: 0px;
	background: #CCEEFF;
}

/*---------------------------------------------------*/
/* Espace adhérents (division "login")               */
/* (voir i-menu-ea-connecte.php et                   */
/*       i-menu-ea-nonconnecte.php)                  */
/*---------------------------------------------------*/

#login {
	position: absolute;
	top: 400px;
	left: 0px;
	width: 220px;
	height: 255px;
	background: #CCEEFF;
}

#login table.tab-ea {
	font-family: Arial,Charcoal,sans-serif;
	font-size: 14px;
	line-height: 20px;
	margin: auto;
	border-collapse: collapse;
	width: 200px;
}

#login td.tab-ea-c1 {
	width: 100px;
	height: 20px;
	text-align: center;
	border-width: 2px; 
	border-style: solid; 
	border-color: #0000FF;
}

#login td.tab-ea-c2 {
	width: 100px;
	height: 20px;
	text-align: center;
	border-width: 2px; 
	border-style: solid; 
	border-color: #0000FF;
}

#login a.ea:link {
	text-decoration: none;
	color: #CC0011;
}

#login a.ea:visited {
	text-decoration: none;
	color: #CC0011;
}

#login a.ea:hover {
	text-decoration: underline;
	color: #CC0011;
}

/*---------------------------------------------------*/
/* Pied de page (division "ident")                   */
/*---------------------------------------------------*/

#ident {
	position: absolute;
	top: 660px;
	left: 0px;
	width: 780px;
	height: 100px;
	background: #CCEEFF;
}

#ident p.p1 {
	margin: 10px;
	font-family: Arial,Charcoal,sans-serif;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
}

#logo-html {
	position: absolute;
	top: 660px;
	left: 780px;
	width: 120px;
	height: 100px;
	background: #CCEEFF;
}

#logo-html p {
	position: absolute;
	top: 15px;
	left: 15px;
}

#logo-css {
	position: absolute;
	top: 660px;
	left: 900px;
	width: 120px;
	height: 100px;
	background: #CCEEFF;
}

#logo-css p {
	position: absolute;
	top: 15px;
	left: 15px;
}

/*---------------------------------------------------*/
/* Pour toutes les pages (division "page")           */
/*---------------------------------------------------*/

#page {
	position: absolute;
	top: 145px;
	left: 230px;
	width: 790px;
	background: transparent;
	margin: 0px;
}

#page dt {
	margin-top: 10px;
	font-family: Arial,Charcoal,sans-serif;
	font-size: 14px;
	line-height: 20px;
	text-align: justify;
}

#page dd {
	font-family: Arial,Charcoal,sans-serif;
	font-size: 14px;
	line-height: 20px;
	text-align: justify;
}

/*---------------------------------------------------*/
/* Spécificités de certaines pages                   */
/*---------------------------------------------------*/

/*---------------------------------------------------*/
/* Pour la page : acces.php                          */
/*---------------------------------------------------*/

#page table.tab-acces {
	color: #000000;
	margin: auto;
	width: 790px;
}

#page td.tab-acces-c1 {
	width: 240px;
	vertical-align: top;
	border-width: 1px; 
	border-style: solid; 
	border-color: #000000;
}

#page td.tab-acces-c2 {
	width: 310px;
	vertical-align: top;
	border-width: 1px; 
	border-style: solid; 
	border-color: #000000;
}

#page td.tab-acces-c3 {
	width: 240px;
	vertical-align: top;
	border-width: 1px; 
	border-style: solid; 
	border-color: #000000;
}

/*---------------------------------------------------*/
/* Pour les pages : adresse.php                      */
/*                  erreur-mel-diff1.php             */
/*                  erreur-mel-diff2.php             */
/*                  erreur-mel-param.php             */
/*                  erreur-mel-sql.php               */
/*---------------------------------------------------*/

#cadre-adresse {
	background: #CCEEFF;
	margin-left: auto;
	margin-right: auto;
	width: 590px;
	height: 120px;
}

#cadre-adresse table.cadre {
	font-family: Arial,Charcoal,sans-serif;
	font-size: 16px;
	line-height: 16px;
	text-align: left;
	font-weight: bold;
	width: 580px;
	margin: 5px;
}

#cadre-adresse td.cadre-c1 {
	width: 210px;
}

#cadre-adresse td.cadre-c2 {
	width: 370px;
}

/*---------------------------------------------------*/
/* Pour les pages : blanc-x.php                      */
/*                  jaune-x.php                      */
/*                  orange-x.php                     */
/*---------------------------------------------------*/

#page table.tab-parcours {
	color: #000000;
	border-collapse: collapse;
	margin: auto;
	width: 672px;
}

#page td.tab-parcours-c1 {
	width: 224px;
	margin: auto;
	border-width: 1px; 
	border-style: solid; 
	border-color: #000000;
}

#page td.tab-parcours-c1a {
	width: 224px;
	height: 35px;
	margin: auto;
	font-family: Arial,Charcoal,sans-serif;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
}

#page td.tab-parcours-c2a {
	width: 448px;
	height: 256px;
	margin: auto;
	border-width: 1px; 
	border-style: solid; 
	border-color: #000000;
}

#page td.tab-parcours-c2b {
	width: 448px;
	height: 410px;
	margin: auto;
	border-width: 1px; 
	border-style: solid; 
	border-color: #000000;
}

#page td.tab-parcours-c2c {
	width: 448px;
	height: 35px;
	margin: auto;
	font-family: Arial,Charcoal,sans-serif;
	font-size: 14px;
	line-height: 20px;
	text-align: right;
}

#page .parcours-g {
	background: url(images/fleche_gauche.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: left;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#page .parcours-d {
	background: url(images/fleche_droite.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: right;
	padding-right: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
}

/*---------------------------------------------------*/
/* Pour la page : bureau.php                         */
/*---------------------------------------------------*/

#page table.tab-bureau1 {
	font-family: Arial,Charcoal,sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #2A6E46;
	border-collapse: collapse;
	margin: auto;
	width: 440px;
}

#page table.tab-bureau2 {
	font-family: Arial,Charcoal,sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #2A6E46;
	border-collapse: collapse;
	margin: auto;
	margin-left: 0px;
	width: 790px;
}

#page td.tab-bureau-c1 {
	width: 150px;
	text-align: center;
	border-width: 1px; 
	border-style: solid; 
	border-color: #2A6E46;
}

#page td.tab-bureau-c2 {
	width: 140px;
	text-align: center;
	border-width: 1px; 
	border-style: solid; 
	border-color: #2A6E46;
}

#page td.tab-bureau-c3 {
	width: 150px;
	height: 150px;
	margin: auto;
	border-width: 1px;
	border-style: solid; 
	border-color: #2A6E46;
}

#page td.tab-bureau-c4 {
	width: 350px;
	text-align: center;
	border-width: 1px; 
	border-style: solid; 
	border-color: #2A6E46;
}

/*---------------------------------------------------*/
/* Pour les pages : calendrier.php                   */
/*                  calendrier-equipes.php           */
/*                  calendrier-seniors.php           */
/*---------------------------------------------------*/

#page table.cal1 {
	float : left;
	font-family: Arial,Charcoal,sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #FFFFFF;
	border-collapse: collapse;
	margin: auto;
	margin-left: 60px;
	width: 300px;
}

#page table.cal2 {
	font-family: Arial,Charcoal,sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	border-collapse: collapse;
	margin: auto;
	margin-left: 0px;
	width: 350px;
}

#page table.cal3 {
	font-family: Arial,Charcoal,sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #FFFFFF;
	border-collapse: collapse;
	margin: auto;
	width: 700px;
}

#page table.cal4 {
	float : left;
	font-family: Arial,Charcoal,sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #FFFFFF;
	border-collapse: collapse;
	margin: auto;
	margin-left: 30px;
	width: 350px;
}

#page td.cal1-c1 {
	width: 50px;
	height: 25px;
	text-align: center;
	border-width: 1px; 
	border-style: solid; 
	border-color: #000000;
}

#page td.cal1-c2 {
	width: 250px;
	height: 25px;
	text-align: center;
	border-width: 1px; 
	border-style: solid; 
	border-color: #000000;
}

#page td.cal1-mois {
	width: 300px;
	height: 25px;
	font-family: Arial,Charcoal,sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #000000;
	text-align: center;
	border-width: 1px; 
	border-style: solid; 
	border-color: #000000;
}

#page td.cal2-c1 {
	width: 50px;
	height: 20px;
	text-align: center;
	border-width: 1px; 
	border-style: solid; 
	border-color: #000000;
}

#page td.cal2-c2 {
	width: 300px;
	height: 2px;
	text-align: left;
	padding-left: 10px;
	background-color: #FFFFFF;
}

#page td.cal3-c1 {
	width: 100px;
	height: 25px;
	text-align: center;
	border-width: 1px; 
	border-style: solid; 
	border-color: #000000;
}

#page td.cal3-c2 {
	width: 300px;
	height: 25px;
	text-align: center;
	border-width: 1px; 
	border-style: solid; 
	border-color: #000000;
}

#page td.cal3-c3 {
	width: 300px;
	height: 25px;
	text-align: center;
	border-width: 1px; 
	border-style: solid; 
	border-color: #000000;
}

#page td.cal3-mois {
	width: 700px;
	height: 25px;
	font-family: Arial,Charcoal,sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #000000;
	text-align: center;
	border-width: 1px; 
	border-style: solid; 
	border-color: #000000;
}

#page td.cal4-c1 {
	width: 50px;
	height: 25px;
	text-align: center;
	border-width: 1px; 
	border-style: solid; 
	border-color: #000000;
}

#page td.cal4-c2 {
	width: 250px;
	height: 25px;
	text-align: center;
	border-width: 1px; 
	border-style: solid; 
	border-color: #000000;
}

#page td.cal4-c3 {
	width: 50px;
	height: 25px;
	text-align: center;
	border-width: 1px; 
	border-style: solid; 
	border-color: #000000;
}

#page td.cal4-mois {
	width: 300px;
	height: 25px;
	font-family: Arial,Charcoal,sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #000000;
	text-align: center;
	border-width: 1px; 
	border-style: solid; 
	border-color: #000000;
}

/*---------------------------------------------------*/
/* Pour la page : ce.php                             */
/*---------------------------------------------------*/

#page table.ce {
	font-family: Arial,Charcoal,sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #000000;
	border-collapse: collapse;
	margin: auto;
	width: 700px;
}

#page td.ce-c1 {
	width: 300px;
	height: 25px;
	text-align: left;
	padding-left: 10px;
	border-width: 1px; 
	border-style: solid; 
	border-color: #000000;
}

#page td.ce-c2 {
	width: 100px;
	height: 25px;
	text-align: center;
	border-width: 1px; 
	border-style: solid; 
	border-color: #000000;
}

#page td.ce-c3 {
	width: 300px;
	height: 25px;
	text-align: left;
	padding-left: 10px;
	border-width: 1px; 
	border-style: solid; 
	border-color: #000000;
}

#page td.ce-titre {
	width: 700px;
	height: 25px;
	text-align: center;
	border-width: 1px; 
	border-style: solid; 
	border-color: #000000;
}

/*---------------------------------------------------*/
/* Pour la page : challenge.php                      */
/*---------------------------------------------------*/

#page table.classement {
	font-family: Arial,Charcoal,sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #000000;
	background-color: #CCEEFF;
	border-collapse: collapse;
	margin: auto;
	width: 300px;
}

#page td.classement-c1 {
	width: 250px;
	height: 25px;
	text-align: left;
	padding-left: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
}

#page td.classement-c2 {
	width: 50px;
	height: 25px;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
}

/*---------------------------------------------------*/
/* Pour les pages : index.php                        */
/*                  accueil.php                      */
/*                  i-debut.php                      */
/*                  vie.php                          */
/*---------------------------------------------------*/

#bloc {
	position: absolute;
	top: 145px;
	left: 230px;
	width: 540px;
	background: transparent;
	margin: 0px;
}

/*---------------------------------------------------*/
/* Pour la page : informations.php                   */
/*---------------------------------------------------*/

#page table.info {
	font-family: Arial,Charcoal,sans-serif;
	font-size: 14px;
	line-height: 20px;
	margin: auto;
	background: #CCEEFF;
	border-collapse: collapse;
	width: 550px;
}

#page td.info-c1 {
	width: 100px;
	height: 20px;
	text-align: left;
	padding-left: 10px;
	border-width: 1px; 
	border-style: solid; 
	border-color: #000000;
}

#page td.info-c2 {
	width: 450px;
	height: 20px;
	text-align: left;
	padding-left: 10px;
	border-width: 1px; 
	border-style: solid; 
	border-color: #000000;
}

/*---------------------------------------------------*/
/* Pour les pages : liens.php                        */
/*                  liens1.php                       */
/*                  liens2.php                       */
/*                  liens3.php                       */
/*---------------------------------------------------*/

#page ul.logolist {
	font-family: Arial,Charcoal,sans-serif;
	font-size: 16px;
	line-height: 24px;
text-align: left;
list-style: none;
margin: 0;
padding: 0;
}

#page li.logo1 {
background-image: url(images/logo_union_asptt.jpg);
background-repeat: no-repeat;
background-position: 57px center;
padding: 30px 0px 30px 240px;
margin: 0px 0px;
}

#page li.logo2 {
background-image: url(images/logo_asptt_paris.jpg);
background-repeat: no-repeat;
background-position: 72px center;
padding: 30px 0px 30px 240px;
margin: 0px 0px;
}

#page li.logo3 {
background-image: url(images/logo_asptt_pontoise.jpg);
background-repeat: no-repeat;
background-position: 24px center;
padding: 30px 0px 30px 240px;
margin: 0px 0px;
}

#page li.logo4 {
background-image: url(images/logo_asptt_issy.jpg);
background-repeat: no-repeat;
background-position: 40px center;
padding: 30px 0px 30px 240px;
margin: 0px 0px;
}

#page li.logo5 {
background-image: url(images/logo_asptt_yvelines.jpg);
background-repeat: no-repeat;
background-position: 28px center;
padding: 30px 0px 30px 240px;
margin: 0px 0px;
}

#page li.logo6 {
background-image: url(images/logo_ffg.jpg);
background-repeat: no-repeat;
background-position: 52px center;
padding: 30px 0px 30px 240px;
margin: 0px 0px;
}

#page li.logo7 {
background-image: url(images/logo_ligue_de_paris.jpg);
background-repeat: no-repeat;
background-position: 84px center;
padding: 30px 0px 30px 240px;
margin: 0px 0px;
}

#page li.logo8 {
background-image: url(images/logo_ligue_idf.jpg);
background-repeat: no-repeat;
background-position: 88px center;
padding: 30px 0px 30px 240px;
margin: 0px 0px;
}

#page li.logo9 {
background-image: url(images/logo_lesigny.jpg);
background-repeat: no-repeat;
background-position: 93px center;
padding: 30px 0px 30px 240px;
margin: 0px 0px;
}

#page li.logo10 {
background-image: url(images/logo_eagle.jpg);
background-repeat: no-repeat;
background-position: 40px center;
padding: 30px 0px 30px 240px;
margin: 0px 0px;
}

#page li.logo11 {
background-image: url(images/logo-CD77.gif);
background-repeat: no-repeat;
background-position: 48px center;
padding: 50px 0px 50px 240px;
margin: 0px 0px;
}

/*---------------------------------------------------*/
/* Pour les pages : login.php                        */
/*                  erreur-login-diff.php            */
/*                  erreur-login-mel.php             */
/*                  erreur-login-param.php           */
/*                  erreur-login-sql.php             */
/*---------------------------------------------------*/

#cadre-login1 {
	background: #CCEEFF;
	margin-left: auto;
	margin-right: auto;
	width: 370px;
	height: 90px;
}

#cadre-login1 table.cadre {
	font: 16px/16px Arial,Charcoal,sans-serif;
	text-align: left;
	font-weight: bold;
	width: 360px;
	margin: 5px;
}

#cadre-login1 td.cadre-c1 {
	width: 180px;
}

#cadre-login1 td.cadre-c2 {
	width: 180px;
}

#cadre-login2 {
	background: #CCEEFF;
	margin-left: auto;
	margin-right: auto;
	width: 370px;
	height: 90px;
}

#cadre-login2 table.cadre {
	font-family: Arial,Charcoal,sans-serif;
	font-size: 16px;
	line-height: 16px;
	text-align: left;
	font-weight: bold;
	width: 360px;
	margin: 5px;
}

#cadre-login2 td.cadre-c1 {
	width: 180px;
}

#cadre-login2 td.cadre-c2 {
	width: 180px;
}

/*---------------------------------------------------*/
/* Pour les pages : motdepasse.php                   */
/*                  erreur-mdp-8car.php              */
/*                  erreur-mdp-diff1.php             */
/*                  erreur-mdp-diff2.php             */
/*                  erreur-mdp-param.php             */
/*                  erreur-mdp-sql.php               */
/*---------------------------------------------------*/

#cadre-motdepasse {
	background: #CCEEFF;
	margin-left: auto;
	margin-right: auto;
	width: 370px;
	height: 120px;
}

#cadre-motdepasse table.cadre {
	font-family: Arial,Charcoal,sans-serif;
	font-size: 16px;
	line-height: 16px;
	text-align: left;
	font-weight: bold;
	width: 360px;
	margin: 5px;
}

#cadre-motdepasse td.cadre-c1 {
	width: 260px;
}

#cadre-motdepasse td.cadre-c2 {
	width: 100px;
}

/*---------------------------------------------------*/
/* Pour la page : publications.php                   */
/*---------------------------------------------------*/

div#menu-fer9 {
	font-family: Arial,Charcoal,sans-serif;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	width: 100px;
	height: 220px; /* (Nb d'années x 25) + 20        */
}

/* fond blanc pour le menu */ 
div#menu-fer9 a {
	color: #000000
}

div#menu-fer9 ul {
	padding: 0;
	width: 140px;
	border: 1px solid;
	margin: 0px;
	background: white
}

/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
div#menu-fer9 li:hover {
	background: #CCEEFF;
}

div#menu-fer9 li.sousmenu:hover {
	background: #CCEEFF;
}

/* Rajout d'une petite fleche pour les sous menu */ 
div#menu-fer9 li.sousmenu {
	background: url(images/fdroite.gif) 95% 50% no-repeat;
}

div#menu-fer9 ul li {
	position: relative;
	list-style: none;
	border-bottom: 1px solid;
}

div#menu-fer9 ul ul {
	position: absolute;
	top: -1px;
	left: 140px;
	display:none
}

/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 140-(8 de bordure + 8 de padding) = 124 */ 
div#menu-fer9 li a {
	text-decoration: none;
	padding: 4px 0 4px 8px;
	display:block;
	border-left: 8px solid #BBB;
	width: 124px
}

div#menu-fer9 ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu-fer9 ul.niveau2 li.sousmenu:hover ul.niveau3 {
	display: block;
}

/* la bordure de chaque hauteur a une couleure de survol*/ 
div#menu-fer9 li a:hover {
	border-left-color: #FF0000;
	text-decoration: none;
}

div#menu-fer9 ul ul li a:hover {
	border-left-color: #00FF00;
	text-decoration: none;
}

div#menu-fer9 ul ul ul li a:hover {
	border-left-color: #0000FF;
	text-decoration: none;
}

/*---------------------------------------------------*/
/* Pour la page : tarifs.php                         */
/*---------------------------------------------------*/

#page table.tarif1 {
	font-family: Arial,Charcoal,sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #0000FF;
	margin: auto;
	width: 650px;
}

#page td.tarif1-c1 {
	width: 620px;
}

#page td.tarif1-c2 {
	width: 30px;
	text-align: right;
}

#page table.tarif2 {
	font-family: Arial,Charcoal,sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #0000FF;
	margin: auto;
	width: 650px;
}

#page td.tarif2-c1 {
	width: 470px;
}

#page td.tarif2-c2 {
	width: 80px;
	text-align: right;
}

#page td.tarif2-c3 {
	width: 100px;
	text-align: right;
}

/*---------------------------------------------------*/
/* Pour la page : vie.php                            */
/*---------------------------------------------------*/

#bloc table.tab-vie {
	color: #000000;
	margin: auto;
	width: 450px;
}

#bloc td.tab-vie-c {
	width: 225px;
	text-align: left;
	height: 40px;
	vertical-align: middle;
}