HTML, BODY {
	position: relative;
	background-color: White;
	margin: 0;
	padding: 0;
	width: 100%;
	border: 1px;
	font-family : verdana,helvetica,sans-serif;
	font-size : medium;
}

DIV {
	margin: 0;
	padding: 0;
}

#header {
	position: relative;
	background-color: #ffffff;
}

#headerinner {

}

#main {
	position: relative;
}

#maininner {
	position: relative;
	width: 100%;
	min-width: 900px;
}

#left {
	position: absolute;
	top:0;
	left:0;
	width:160px;
	border : solid thin #333399;
	background-color: #eeeeee;
}

#leftinner {
	position: relative;
	padding:0px 2px 0px 0px;
}

#middleouter {
	position: absolute;
	top: 0;
	left:0;
	right:0;
	width: 90%;
}

#content {
	position: relative;
	margin: 0 110px 0 180px;
	background-color: White;
	width: auto;
	min-width: 170px;
}

#middleinner {
	position: relative;
	padding:10px 10px 10px 10px;
	width: auto;
}

#right {
	position: absolute;
	top:0;
	right:0;
	width:165px;
	border : solid thin #333399;
	background-color: #eeeeee;
}


#rightinner {
	position: relative;
}

#footer {
	position: relative;
	background-color: #333399;
	margin-bottom: 0px;
	width:900px;
}

#footerinner {

}

#menu ul {
	margin: 0 .5em;;
	padding: 0 .5em;
}

#menu img {
	border: none;
}

.espaceavant {
	margin-top: 0em;
}

#menu li a.node, #menu ul ul li a.node {
	display: inline;
	border: 0px none;
	background-color: transparent;
	padding: 0;
	z-index: 100;
	position: absolute;
	line-height: 0;
	width: auto;
}

#menu li a.node {
	margin: .7em 0 0 5px;
}

#menu ul ul li a.node {
	margin: .3em 0 0 5px;
}

.node {
	background-repeat: no-repeat;
	border:0;
	width:10px;
	height:10px;
	margin:0;
}

#menu ul, #apparenceswitcher ul {
	margin: 0; 
	padding: 0;
 }

#menu ul li, #apparenceswitcher ul li {
	list-style: none;
	list-style-image: none;
	padding: 1px 0;
}

#menu ul ul {
	margin: 0 0 0 2px;
}

/* left nav menu button background */
#menu li a {
	display: block;
	font-size: 70%;
	/*font-weight: bold;*/
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: #000000;
	background-color: #ff3333;
	border: thin solid black;
	text-align: left;
	padding: 5px 0 5px 20px;
	width: 138px; /*20px de moins que #menu*/
}

.accueil {
	display: block;
	position: relative;
	width: 138px;
	border : solid thin black;
	padding: 3px 0 3px 20px;
	background-color: #ff3333;
	}
	
	
.formbox {
	display: block;
	position: relative;
	width: auto;
	padding: 0px;
	background-color: #cccccc;
	text-align: right
	}

/* left nav menu button background 2eme level */
#menu ul ul li a {
	display: block;
	font-size: 70%;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: #000000;
	border: thin solid black;
	background-color: #ff3333;
	padding: 2px 0px 5px 20px;
	text-decoration: none;
	width: 120px;/*10px de moins que le niveau précédent*/
}


/* left nav menu button controls on rollover */
#menu li a:hover {
	background: #FF0000;/*text color*/
	color: #eeeeee;/*back color*/
	text-decoration: none;
}

#menu ul ul ul li a {
	width: 120px;/*10px de moins que le niveau précédent*/
}

#menu ul ul ul ul li a {
	width: 110px;/*10px de moins que le niveau précédent*/
}

#menu ul ul ul ul ul li a {
	width: 100px;/*10px de moins que le niveau précédent*/
}

#menu strong li {
}

#menu strong li a {
	background: #00FFFF;
}

/* color of selected button BG */
#menu li strong a:visited,#menu li strong a:link {
	color: #333333;
	background-color: #ddd;
}


/* menu link text color*/
#menu li a:link {
	color: #dddddd;
	text-decoration: none;
}

#menu li a:visited {
	color: #dddddd;
	text-decoration: none;
}

#menu li a:active {
	background: #dddddd;
	color: #ff9900;
	text-decoration: none;
}

.texte {
		font-family : verdana,helvetica,sans-serif;
		font-size : medium;
	}
	
	.petit {
		font-family : verdana,helvetica,sans-serif;
		font-size : small;
	}
	
	.revpetit {
		font-family : verdana,helvetica,sans-serif;
		color: #dddddd;
		font-size : x-small;
	}
	
		
	.revpetittitle {
		font-family : verdana,helvetica,sans-serif;
		color: #dddddd;
		font-style: bold;
		font-size : x-small;
		padding : 8px;
	}
	
	.revlink {
		font-family : verdana,helvetica,sans-serif;
		color: #dddddd;
		font-style: bold;
		font-size : small;
		text-decoration: none;
		text-indent: 10em
	}

	.trespetit {
		font-family : verdana,helvetica,sans-serif;
		font-size : small;
		padding : 8px
	}
	
	.trespetitrouge {
		font-family : verdana,helvetica,sans-serif;
		color: #ff0000;
		font-size : small;
		padding : 8px;
	}
	
	.trespetit2 {
		font-family : verdana,helvetica,sans-serif;
		font-size : x-small;
		text-align: right;
	}
	
	.trespetit3 {
		font-family : verdana,helvetica,sans-serif;
		font-size : x-small;
		font-style: bold;
		text-align: right;
	}

	.trespetit4 {
		font-family : verdana,helvetica,sans-serif;
		font-size : xx-small;
	}
	
	.titre {
		font-family : verdana,helvetica,sans-serif;
		font-size : x-large;	
		font-weight: bold;
		text-decoration: none;
		color: #333333;	
	}
		
	.titre1 {
		font-family : verdana,helvetica,sans-serif;
	/*	font-variant: small-caps; */ 
		font-size : 13px;	
		font-weight: bold;
		text-decoration: none;
		color: #333333;	
	}
		
	.titrebleu {
		font-family : verdana,helvetica,sans-serif;
		font-size : medium;	
		font-weight: bold;
		text-decoration: none;
		color: #333399;	
	}
	
	.titrebleugrand {
		font-family : verdana,helvetica,sans-serif;
		font-size : large;	
		font-weight: bold;
		color: #333399;	
	}
	
	
	.titre1bis {
		font-family : verdana,helvetica,sans-serif;
		font-size : medium;	
		font-weight: 700;
		text-decoration: none;
		color: #333333;	
	}
	
	.titre2 {
		font-family : verdana,helvetica,sans-serif;
		font-size : medium;	
	}

	.box {
	display: block;
	width: auto;
	text-align:left;
	border : solid thin black;
	padding: 5px;
	background-color: #ddddff;
	}
	
	.box2 {
	display: block;
	width: 140px;
	text-align:center;
	border : solid thin black;
	padding: 1px;
	background-color: #ffffdd;
	}