body#index{
	background: #D7D8D8;
	/* voir le bg.gif pour comprendre le principle
		le bg fait la bordure du site et aussi le fond de la marge 
		permet d'avoir un site 100% en hauteur sans de trick html */
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
}
body#main{
	background: #D7D8D8;
	/* voir le bg.gif pour comprendre le principle
		le bg fait la bordure du site et aussi le fond de la marge 
		permet d'avoir un site 100% en hauteur sans de trick html */
	margin: 20px auto 10px auto;
	padding: 0 0 0 0;
}
html{
	font-family: Tahoma, Trebuchet MS, Arial, Verdana, sans-serif;
}
h1{
	margin: 0 0 0 0;
	font-size: 14px;
	color: #FFF;
	font-family: Arial;
}

td.menuActuator div{
	/* this makes TDs a container with their own coordinate system.
	   absolutely-positioned elements will be offset relative to them */
	position:relative;
}


ul.menu{
	margin: 0 0 0 0;
	list-style: none;
	padding: 3px 0 0 0;
	background: #C8CACD;
	font-size: 9px;
}
ul.menu li{
	width: 200px;
	float: left;
}
ul.menu li a{
	display: block;
	float: left;
	padding: 3px 0 3px 10px;
	width: 100%;
	color: #737879;
	font-weight: bold;
	text-decoration: none;
}
ul.menu li a.actif, ul.menu li a.actif:hover, ul.menu li a:hover{
	background: #ADB0B2;
}

#table10{
	background: url(gx/10/photo_marge.jpg) no-repeat;
	margin: 0 0 0 0;
}
#table30{
	background: url(gx/30/photo_marge.jpg) no-repeat;
	margin: 0 0 0 0;
}
#table40{
	background: url(gx/40/photo_marge.jpg) no-repeat;
	margin: 0 0 0 0;
}
#table70{
	background: url(gx/70/photo_marge.jpg) no-repeat;
	margin: 0 0 0 0;
}

/* PIED DE PAGE */
body#index #piedPage{
	color: #85878A;
	height: 40px;
	font-size: 80%;
	font-family: Tahoma;
	font-size: 10px;
	padding: 0 0 0 0;
}
body#index #piedPage a{ color: #85878A; text-decoration: none;}
body#index #piedPage a:hover{ color: #000; text-decoration: underline;}
body#index #piedPage div.copyrights{ float: left; margin: 0 0 0 0; text-align: left;}
body#index #piedPage div.copyrights a{ font-weight: bold; }

#piedPage{
	color: #85878A;
	height: 50px;
	font-size: 80%;
	font-family: tahoma;
	font-size: 10px;
	padding: 0 0 0 0;
}
#piedPage a{ color: #85878A; border-bottom: none;}
#piedPage a:hover{ color: #000; }
#piedPage div.copyrights{ float: left; margin: 0 0 0 0; text-align: left;}
#piedPage div.copyrights a{ font-weight: bold; }

/* TEXTE*/
.texte{
	margin: 0 0 0 0;
	font-size: 0.7em;
	line-height: 140%;
	color: #E0E1E2;
}

.texte b{
	color: #FFF;
}
.texte a, .texte a:link, .texte a:visited{
	color: #E0E1E2;
	text-decoration: none;
}
.texte a:hover, .texte a:visited:hover{
	color: #FFF;
	text-decoration: underline;
}

.texte ul li{
	list-style: square;
}

.textePetit{
	font-family: Tahoma;
	color: #E0E1E2;
	margin: 0 0 0 0;
	line-height: 130%;
	font-size: 9px;
}


/* sousSousMenu */
#main #sousMenu ul li ul{
	margin: 0 0 1px 9px;
	padding: 0 0 4px 0;
	list-style: none;
	border-bottom: 1px solid #E4D7D1;	
}
#main #sousMenu ul li ul li a{
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 10px;
	color: #B74C14;
	padding: 0 0 0 12px;
	font-weight: regular;
}


/* formulaires */
form{
	margin: 0;
	line-height: 150%;
	/* bug avec Internet Explorer des font size relative au parent */
	font-size: 0.7em;
	<!-- font-size: 100%; -->
}
input, textarea, select{	
	color: #73787A;
	margin: 2px 0 2px 0;
	padding: 1px;
	font-size: 0.7em;
	font-weight: regular;
}
form .inputBouton{
	background-color: #F3DFB5;
	color: #000;
	font-size: 80%;
	border: 1px solid #B75928;
}