*  { margin: 0; padding:0; }

body { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	color:#ccc;
	background-color:#333333;
	}
	
p, h1, h2, h3, h4, h5, h6, ul { margin-bottom: 10px; }

br, li, a { margin-bottom: 7px; }

/* color (ie), border-color (opéra et safari) et background-color (mozilla) */

hr { 	display: block; 
		color: #333333;
		background-color: #333333;
		height: 1px;
		border: 0;
		margin: 10px 0;
		}
		
/*.separator1 { border: solid 1px #333; margin-bottom: 7px; } */

a:link {
	color: #999999;
	text-decoration: underline;
	}
a:visited {
	color: #999999;
	text-decoration: underline;
	}
a:hover {
	color: #0099FF;
	text-decoration: none;
	}

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

/* MAIL TO contact.html */
#mailto a:link {
	color: #0099FF;
	text-decoration: none;
	}
#mailto a:visited {
	color: #0099FF;
	text-decoration: none;
	}
#mailto a:hover {
	color: #FF0000;
	text-decoration: none;
	}

#mailto a:active {
	color: #ff0000;
	text-decoration: none;
	}
	
/* style id */
#main {
	position:absolute;
	width:711px;
	left:50%;
	margin-left: -350px;
	margin-top: 15px; /* marge d'en-tete */
	}

#footer2 { 
	margin-bottom: 15px; /* marge de pied de page */
	}

#gabari {
	background-color: #333333;
	background-image:url(images/back.gif);
	background-repeat:repeat;
	}

#head {
	height:154px;
	background-image:url(images/head.jpg);
	background-repeat:no-repeat;
	}
	
#menu {
	height:10px;
	padding: 10px 100px 0 100px;
	}

#center {
	padding: 18px 38px;
	}

#footer {
	height:129px;
	background-image:url(images/footer.jpg); /* désactivé gif provisoirement - à placer nouveau*/ 
	background-repeat:repeat; 
	}
	
/* sous-id */
		#center .menu-colon {
			margin:0px 0px 0px 1em;
			}
			
		#center h1 {
			font-size: 28px; text-align: right;
			font-family: verdana, arial, sans-serif;
			font-variant:small-caps;
			color: #666666;	
			border-bottom: solid 1px #333;
			}
		#center h2 {
			font-size: 22px;
			font-family: verdana, arial, sans-serif;
			color: #666666;
			}
		#center h3 {
			font-size: 18px;
			font-family: verdana, arial, sans-serif;
			color: #666666;
			}

/* menu de navigation */
			#navcontainer
				{
				background-color: #000;
				border-top: 1px solid #999;
				font: normal normal 11px verdana, geneva, arial, helvetica, sans-serif;
				}
				
			#navlist
				{
				list-style: none outside none;
				}
				
@media all {
			#navlist {
				text-align: center;
				}
			}
				
			#navlist li
				{
				bottom: 6px; /* position sur ligne horizontale */
				display: inline;
				line-height: 15px; /* hauteur ligne horizontale 1.2em */
				position: relative;
				}
				
			html>body #navlist li /* ??? zone noir + espace onglet ??? */
				{
				background: #000;
				margin-right: 3px;
				}
				
			#navlist a, #navlist a:link, #navlist a:visited
				{
				position: relative; height: 1em; bottom: 2px; right: 2px; 
				display: inline; padding: 3px 5px 3px 5px; /* textes menus inactifs */
				background: #000; /* fond du bouton non actif */
				color: #ccc;
				border: 1px solid #999;
				cursor: pointer;				
				text-decoration: none;
				}
				
			#navlist a:hover
				{
				position: relative; bottom: 1px; right: 1px;
				background: #FF0000;				
				color: #ccc;			
				}
				
			#navlist a:active
				{
				position: relative; bottom: 0px; right: 0px;
				background: #000;				
				color: #ccc;
				}
				
			#navlist li#active /* onglet page en cours*/
				{
				position: relative; bottom: 17px;
				display: inline; margin: 0 3px 0 0;
				background: #000;
				}
				
			html>body #navlist li#active /* onglet page en cours mozilla ??? */ 
				{
				margin: 0 3px 0 0;
				background: #000;
				}
				
				/* onglet page en cours... */
			#navlist #active a, #navlist #active a:link, #navlist #active a:visited, #navlist #active a:hover
				{
				position: relative; bottom: 0px; right: 0px;
				padding: 2px 5px 3px 5px; /* onglet page en cours */
				border-bottom: none; 
				border-left: 1px solid #999;
				border-right: 1px solid #999;
				border-top: 1px solid #999;
				background-color:#000;				
				color: #ccc;
				cursor: text;
				}
				
/* -- 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: #CCCCCC;
			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: normal;
			font-size: 12px;
			color: #000000;
			background-color: #CCCCCC;
		}
		
		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;
			width: 250px;
		}
/* -- accessibilité sans feuille de style -------------------------------------------------------------*/
		.nodisplay {
			display: none;
		}