html, body {
   		height: 100%;
   		margin: 0;
		text-align:left;
		font-family : Verdana,Arial,Helevetica,sans-serif;
		color : #000;
		font-size : 0.9em;
}

html {
		background : #fcfcfc url(../illustration/fond_body.png);
}

body {
		font: 90% "Trebuchet MS", sans-serif;
}

div#global {
        min-height: 100%;
        width: 970px;
        padding: 0px 0px;
        margin: 0 auto;
        position: relative;
        background: url(../illustration/fond_center_index.png) center repeat-y;
}
		
div#header {
        background: url(../illustration/fond_header_index.png) top no-repeat;
        color: #fff;
        height: 20px;
		padding: 0px 35px 0px 35px;
		position:relative;
		background-color:#00FF66;
}

div#header h1 {
        margin: 0;
		position:absolute;
		bottom: 10px;
		left:30px;
		font: 3em Georgia, serif;
}
		

div#footer {
        position: absolute;
		width: 970px;
		bottom: 0;
		background: #CCCC33 url(../illustration/fond_footer_index.png) bottom no-repeat;
		padding: 0px 0px 0px 0px;
		margin: 0 0 0 0px;
}
		
div#footer p {
        font-size: 0.9em;
		margin: 2px 0px;
}
		
div#center {
        padding: 0px 0px 20px 0px;
        overflow: auto;
		margin: 0 0 0 0px;
}

div#sidebar {
        float: left;
        width: 200px;
		margin-left:13px;
}

div#sidebar h3 {
        width: 155px;
		padding: 0 10px 0 35px;
		background: #CCCC33 url(../illustration/fond_titre_menu.png) left top no-repeat;
		height: 37px;
        line-height: 37px;
		font-family: Verdana, Arial, sans-serif;
		font-size: 11px;
		color: #ffffff;
}
		
div#visuelbar {
        float: left;
        width: 350px;
		padding-left:0px;
}
		
div#visuelbar p {
        color: #ffffff;
		font-size: 12px;
}		
		
div#content {
        float: right;
        width: 357px;
		margin: 0 25px;
}
		
div#content h2{
        color: #6c0;
}
		
div#content h3 {
        color: #c00;
		font-variant: small-caps;
}		
		
ul#menu {
        margin: 0;
        padding: 0;
		list-style: none;
}

ul#menu li a {
        display: block;
        height: 15px;
        line-height: 15px;
		text-align:middle;
        background: url(../illustration/fond_element_menu.png) no-repeat left top;
        padding-left: 30px;
        margin: 0px 0;
        border-bottom: 0px solid #7fcf2e;
		color: #9FB6DF;
		text-decoration:none;
		font:: small-caps 1.1em/30px Georgia, serif;
}

ul#menu li a:hover {
		background-position:no-repeat left top;
       	color: #9FB6DF;
	   	font-weight:bold;
}

/*a {
        color: #6c0;
		
}

a:hover {
        color: #c00;
		font-weight:bold;
}	*/			

.field {
  padding-left:20;
  padding-right:20;  
  padding-bottom:10; 
  width:300px; 
  border-color:#cccccc; 
  border-style: solid ; 
  border-bottom-width:medium;  
  background-color: #DEDED6;
}

.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #5B7397;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  background: #fA9DADD;
  font-weight:bold;
}	

.info {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  background: #fA9DADD;
  font-weight:bold;
}