html {
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0;
	color: #000;	
	text-align: center;
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-size: 15px;
/*background-image: url(css1/spirale.png);
background-repeat: repeat-y;
background-position: 10px 0;*/
}
h1, h2, h3 {
	margin-top: 0;
}
h1 {
padding: 0;
margin:0;
font-size: 1.5em;
color: #769712;
}
h3 {
	font-weight: bold;
	color: #000000;
}
hr {
	display: none;
}
a {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: underline;
}
p {
font-family:"trebuchet ms",sans-serif;
font-size:80%;
}
img{
border:0;
vertical-align:middle;
}

/*  Formulaire  */

form {
margin:0;
padding:0;
}
label {
font-family:"trebuchet ms",sans-serif;
font-weight:bold;
margin-right:10px;
}
input {
border:1px solid black;
font-family:"trebuchet ms",sans-serif;
}
select, option {
}
textarea {
border:1px solid black;
font-family:"trebuchet ms",sans-serif;
}

.invisible{
display:hidden;
}

/* Page */

#page {
	text-align: left;	
	height: 100%;
	margin: 0 0 0 54px;
	position: relative;
	/*background: #f3be60;*/
	border-style: none;
       border-width: 1px;
       border-color: #000;
	padding: 0;
/*background-image: url(css1/carreau.png);*/
}

/* Entete */

#header {
background:#FFF;	
}
#header a img {
float:left;
display:block;
  margin: 0;
width:240px;
}
h1#top {
	position: absolute;
	margin: 0px;
	padding:0px;
	text-indent: -5000px;
	line-height: 1px;
	font-size: 1px;
}


#pub1{
diplay:inline;
height:130px;
text-align:center;
border-style: none none none solid;
border-width: 1px;
border-color: #F00;
}

#pub2{
text-align:center;
height:260px;
}

/* Menu */

#menu{
}

/* Niveau 1 */

.niveau1 {
float:left;
/*min-height:980px;
height:auto !important;
height:980px;*/
min-height:100px;
height:auto !important;
height:100px;
width: 150px;
color: #555;
font: 16px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
margin:0;
padding:10px 0 0 10px;
}
.niveau1 h2 {
color:#000;
}
.niveau1 ul, .niveau2 li {
margin:0;
padding: 0;
list-style-type: none;
}
.niveau1 ul {

}
.niveau1 li {

}
.niveau1 li a{
display: block;
height: 16px;
color: #000 ;
text-decoration: none ;
text-align:left;
font-weight:bold;
}
.niveau1 li a:hover, .niveau2 li a:focus, .niveau2 li a:active {
color: #F00;
}
.niveau1 li a.selectionne{
color: #F00;
}


/* Niveau 2 */

.niveau2 {
float:left;
width: 300px;
color: #000;
font: 15px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
margin-top:10px;
}
.niveau2 h2 {
width:200px;
font: 20px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
margin:0 0 15px 2px;
text-decoration:underline;
}
.niveau2 ul, .niveau2 li {
margin:0;
padding: 0;
list-style-type: none;
}
.niveau2 ul {
height:240px;
overflow-y : auto;
}
.niveau2 li {

}
.niveau2 li a{
display: block;
/*height: 16px;*/
color: #000 ;
font: 13px "Trebuchet MS",Arial,sans-serif ;
text-decoration: none ;
text-align:left;
font-weight:bold;
padding-left: 10px;
}
.niveau2 li a:hover, .niveau2 li a:focus, .niveau2 li a:active {
color: #F00;
}
.niveau2 li a.selectionne{
color: #F00;
}

/* Main */

#main {

}

/* Contenu */

#content{
clear:left;
/*margin:20px 10px 0 426px;*/
margin:30px 10px 0 0px;
min-height:500px;
height:auto !important;
height:500px;
text-align:left;
padding:10px;
}

/* Pied de page */

#footer {
width:100%;
text-align:center;
}

#footer a{
font-weight:bold;
color:#000;
}

#lvg{
text-align:center;
font-size: 16px;
font-weight: bold;
}


#outil{
float:right;
text-align:right;
font-size:70%;
margin-top:5px;
}