html, body {	/* Document: éléments généraux, police fond...  */
  text-align: center; /* Oblig */
  background: url(./img/glufondsuite.jpg);
  /* avant: background:#39C url(./img/bg.gif) left top repeat-x; */
  /* avant: font: 90% "Trebuchet MS", sans-serif; */
  font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
  font-size: 0.8em; color: #000000;
  padding:0; margin: 0;
  height: 100%;
}

div#Global {	 /* cadre global: fond, cadrage... */
  position: relative;
  text-align: left; /* Oblig */
  padding: 0; margin: 12px auto;
  border: 1px solid #ffffff;
  background: #FFFFFF url(./img/global.png) center repeat-y;
  min-height: 100%;
  width: 880px;
}

div#EnTet {
  position: relative;
  text-align: left;
  /* border: 1px solid #000000; */
  padding: 0; margin: auto;
  height: 180px;    width: 820px;
}
			div#EnTet h1 {
				position: relative;
				margin: 0;
				bottom: 10px;
			}

div#TetHaut {	/* bandeau gluf */
	position: relative;
    text-align: left;
	border: 1px solid #fffed8;
	background: url(./img/bangluf.png) no-repeat;
	color: inherit;
	margin: 0; padding: 0;
	height: 150px;
}
			div#TetHaut h4 {
				margin: 0;
				bottom: 10px;
			}

div#TetBas {	/* barre de menu horizontal */
	position: relative;
    text-align: left;
	border-bottom: 1px solid #EDD26A;
	font-size: 12px;
	margin: 0; padding: 0;
	background: #FDFDD9;
	height: 28px;
    width: 820px;
    font-size: 13px;
}
            div#TetBas a:hover {
				font-size: 13px;
				color: #000;
            }
            div#TetBas .menuconex01 { /* Session: Deconnexion  */
				position: absolute;
				margin: 0;
				bottom: 6px;
				padding-left: 748px;
            }
            div#TetBas .menuconex02 { /* Session: Administration */
				position: absolute;
				margin: 0;
				bottom: 6px;
				padding-left: 600px;
            }
            div#TetBas .menuconex03 { /* Session: Communiques */
				position: absolute;
				margin: 0;
				bottom: 6px;
				padding-left: 40px;
            }
			div#TetBas .MenuH001 { /* Normal: Accueil */
				position: absolute;
				margin: 0;
				bottom: 6px;
				padding-left: 60px;
							}
            div#TetBas .MenuH002 { /* Normal: Contactez nous */
				position: absolute;
				margin: 0;
				bottom: 6px;
				padding-left: 680px;
            }

div#Central {	/* panneau central */
	position: relative;
	overflow: auto;
	text-align: left;
	/* border: 1px solid #000000; */
	padding: 0 10px;
	margin: 0 auto;
	min-height: 820px;
	width: 840px;
}

div#CentG {	/* colonne gauche */
	/* border: 1px solid #000000; */
	/*      background: #F1F2FC;   */
	float: left;
	min-height: 820px;
	width: 180px;
}			    div#CentG h4 {
			    padding: 0 10px;
			}
            div#CentG p {
                padding: 0 10px;
            }
            div#CentG img {
                padding-left: 10px;
            }
            ul#Menu { /* Meme rendu sous ts les navigat */
			    margin: 0;
			    padding: 0;
			    list-style: none;
            }
            ul#Menu li a {
					display: block;
					height: 27px;
					line-height: 27px;
					background: url(./img/imgmenu.png) no-repeat left top;
					padding-left: 35px;
					margin: 2px 5px;
					border-top: 1px solid #7fcf2e;
					border-bottom: 2px solid #7fcf2e;
					border-left: 2px solid #7fcf2e;
					border-right: 1px solid #7fcf2e;
					color: #2E4563;
					font-size: 12px; font-weight: bold;
					text-decoration: none;
            }
            ul#Menu li a:hover {
					background-position: left bottom;
					font-size: 12px;
					color: #000;
            }

div#CentD {	/* colonne droite */
	position: relative;
	float: right;
	min-height: 820px;
	width: 10px;  /* avant: width: 150px;  */
}
            div#CentD .img-logluf {
                padding-left: 18px;
            }
            div#CentD .frm-auth {
                color: "#FEFEE2";  /* avant: color: "#FF0000"; */
                padding-left: 11px;
                line-height: 25px;
            }

div#CentM {	/* texte central */
	background: #FFFFFF;
	margin-left: 210px;
	margin-right: 30px;  /* avant: margin-right: 170px  */
	text-align: justify;
	font-size: 14px;
	font-weight: normal;
	font-family: Verdana, "Trebuchet MS", Geneva, Arial, sans-serif, Helvetica,
	"Bitstream Vera Sans";
	color: #000000;
	line-height: 19px;
	min-height: 820px;
}
            div#CentM h2 {
				padding-left: 35px;
				background: #fff url(img/titre.png) left center no-repeat;
				color: #6c0;
            }
            div#CentM h3 {
				color: #c00;
				font-variant: small-caps;
            }
            div#CentM h4 {
				text-align: center;
				font-size: 14px;
				font-weight: 700;
				color: #233649;
				line-height:  33px; /* MSIE: collage titres sous le menu */
            }
            div#CentM p {
				margin: 16px 0;
				text-indent:  30px;
				color: inherit;
            }
            div#CentM .img-gadlu {
				float: left;
				padding: 0px 15px 0px 0px;
            }
            div#CentM .img-tablier {
				float: right;
				padding: 9px 0px 0px 15px;
            }
            div#CentM .img-regle1 {
				float: left; padding: 3px 15px 3px 3px;
            }
            div#CentM .img-regle2 {
				float: left;
				padding: 3px 80px 3px 80px;
            }
            div#CentM .img-memorial {
				float: right;
				padding: 3px 3px 3px 15px;
            }
            div#CentM .img-poignee {
				float: left;
				padding: 6px 15px 12px 3px;
            }
            div#CentM .img-travail {
				float: right;
				padding: 3px 3px 3px 5px;
            }
            div#CentM .img-init {
				float: right;
				padding: 3px 3px 3px 10px;
            }
            div#CentM .img-loge {
				float: right;
				padding: 3px 3px 3px 10px;
            }

div#Bas {	/* renvoi vers HAUT de la page */
	position: relative;
	/* border: 1px solid #000000; */
	text-align: center;
}
			div#Bas p {
				margin-left: 180px;
				padding: 0;
			}

div#Pied {	/* image d'un outil */
	position: relative;
	/* border: 1px solid #000000; */
	text-align: center;
}
			div#Pied p {
				margin: 0;
				padding: 0;
			}
			div#Pied img {
				margin-left: 190px;
				padding: 0;
			}

div#BasChain {  /* affichage img chaine baschaine.png */
    position: relative;
    text-align: center;
    margin: 0; padding: 0;
    height: 64px;
}

div#Marque {	/* adresse gluf */
	position: relative;
	/* border: 1px solid #000000; */
	text-align: center;
	margin: 0; padding: 0;
	background: #94B9D2 url(./img/a-voir.gif);
	color: #ffffff;
}
			div#Marque p {
				margin: 0; padding: 0;
				font-size: 0.9em;
			}

a {
	color: #2E4563;
	font-weight: bold;
	text-decoration: none;
}
			a:hover {
				font-size: 14px;
				color: #000;
			}

h1 {
	font-size: 24px;
}

h2 {
	font-size:18px;
}

h3 {
	font-size:16px;
}

h4 {
	font-size:14px;
}

p {
	margin: 16px 0;
	color: inherit;
	background: inherit;
}