body {
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	margin:0px;
	background-color:#FFFFFF;
	background-image:url(images/back.gif);
	background-repeat:repeat;
	}

a:link {
	color: #666666;
	text-decoration: underline;
	}
a:visited {
	color: #666666;
	text-decoration: underline;
	}
a:hover {
	color: #000099;
	text-decoration: none;
	}

a:active {
	color: #FF0000;
	text-decoration: none;
	}


/* STYLE ID */
#gabari {
	position:absolute;
	width:700px;
	left:50%;
	margin-left: -350px;
	margin-top: 8px;
	margin-bottom: 8px;
	background-color: #FFFFFF;
	background-image:url(images/centerback.gif);
	background-repeat:repeat;
	}

#head {
	height:132px;
	background-image:url(images/logo.gif);
	background-repeat:no-repeat;
	}
	
#menu {
	height:20px;
	padding: 25px 10px 0px 10px;
	background-image:url(images/centerback.gif);
	background-repeat:repeat;
	}

#center {
	padding: 1px 38px 1px 38px;
	}

#footer {
	height:110px;
	background-image:url(images/footerback.gif); /* désactivé GIF provisoirement - à placer nouveau*/ 
	background-repeat:repeat; 
	}

/* Sous-ID */
		#center .menu-colon {
			margin:0px 0px 0px 1em;
			}
			
		#center h1 {
			font-size: 28px;
			font-family: Verdana, Arial, sans-serif;
			font-variant:small-caps;
			color: #666666;
			}
		#center h2 {
			font-size: 24px;
			font-family: Verdana, Arial, sans-serif;
			font-style:italic;
			color: #666666;
			}

/* MENU de navigation */
			#navcontainer
				{
				background: #333366;
				border-top: 1px solid #9CC;
				font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
				}
				
			#navlist
				{
				list-style: none outside none;
				margin: 0;
				padding: 0;
				}
				
				@media all {
			#navlist {
				text-align: center;
				}
				}
				
			#navlist li
				{
				bottom: 6px; /* position sur ligne horizontale */
				display: inline;
				line-height: 15px; /* hauteur ligne horizontale 1.2em */
				margin: 0;
				padding: 0;
				position: relative;
				}
				
			html>body #navlist li /* ??? Zone noir + espace onglet ??? */
				{
				background: #000;
				margin: 0 3px 0 0;
				padding: 4px 0px 4px 0;
				}
				
			#navlist a, #navlist a:link, #navlist a:visited
				{
				background: #009;
				border: 1px solid #FFF;
				bottom: 2px;
				color: #FFF;
				cursor: pointer;
				display: inline;
				height: 1em;
				margin: 0;
				padding: 3px 5px 3px 5px; /* Textes menus inactifs */
				position: relative;
				right: 2px;
				text-decoration: none;
				}
				
			#navlist a:hover
				{
				background: #36F;
				bottom: 1px;
				color: #FFF;
				position: relative;
				right: 1px;
				}
				
			#navlist a:active
				{
				background: #999;
				bottom: 0px;
				color: #FFF;
				position: relative;
				right: 0px;
				}
				
			#navlist li#active /* Onglet page en cours*/
				{
				background: #369;
				bottom: 17px;
				display: inline;
				margin: 0 3px 0 0;
				padding: 0;
				position: relative;
				}
				
			html>body #navlist li#active /* Onglet page en cours MOZILLA ??? */ 
				{
				background: #000;
				margin: 0 3px 0 0;
				}
				
				/* Onglet page en cours... */
			#navlist #active a, #navlist #active a:link, #navlist #active a:visited, #navlist #active a:hover
				{
				background-color:#333366;
				border-bottom: none;
				border-left: 1px solid #9CC;
				border-right: 1px solid #9CC;
				border-top: 1px solid #9CC;
				bottom: 0;
				color: #FFF;
				cursor: text;
				margin: 0;
				padding: 2px 5px 3px 5px; /* onglet page en cours */
				position: relative;
				right: 0;
				}
				
/* -- Formulaires et boutons -------------------------------------------------------------*/
		.champForm {
			padding-bottom: 8px;
		}
		
		.needField {
			font-size: 10px;
			color: #FF0000;
		}
		
		.formfield {
			BORDER-RIGHT: #999999 1px solid;
			BORDER-TOP: #333333 1px solid;
			BORDER-LEFT: #333333 1px solid;
			BORDER-BOTTOM: #999999 1px solid;
			margin: 2px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			FONT-SIZE: 12px;
			COLOR: #000000;
			BACKGROUND-COLOR: #FFFFFF;
			width: 250px;
		}
		
		.formbutton {
			BORDER-RIGHT: #999999 2px solid;
			BORDER-TOP: #999999 2px solid;
			BORDER-LEFT: #999999 2px solid;
			BORDER-BOTTOM: #999999 2px solid;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			FONT-WEIGHT: bold;
			FONT-SIZE: 12px;
			COLOR: #000000;
			BACKGROUND-COLOR: #FFFFFF;
		}
		
		input.align {
			vertical-align: middle;
		}
		
		select {
			BORDER-RIGHT: #999999 1px solid;
			BORDER-TOP: #333333 1px solid;
			BORDER-LEFT: #333333 1px solid;
			BORDER-BOTTOM: #999999 1px solid;
			FONT-SIZE: 12px;
			COLOR: #000000;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			BACKGROUND-COLOR: #FFFFFF ;
		}
		
		textarea {
			BORDER-RIGHT: #999999 1px solid;
			BORDER-TOP: #333333 1px solid;
			BORDER-LEFT: #333333 1px solid;
			BORDER-BOTTOM: #999999 1px solid;
			FONT-SIZE: 12px;
			COLOR: #000000;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			BACKGROUND-COLOR: #FFFFFF ;
			width: 250px;
		}
/* -- Accessibilité sans feuille de style -------------------------------------------------------------*/
		.noDisplay {
			display: none;
		}