html {
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0;
	color: #000;
	background: #5f5f5f;
	text-align: center;
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-size: 85%;
}
h1, h2, h3, h4 {
padding: 0;
margin:0;
}
h1 {
padding: 0;
margin:0;
font-size: 1.5em;
color: #769712;
}
h3 {
font-size:130%;
font-weight: bold;
color: #000000;
margin:0 0 10px 0;
}
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;
}
iframe{
margin:0;
}

.invisible{
display:hidden;
}

/* Page */

#page {
text-align: left;
width: 1000px;
height: 100%;
margin: 0 auto;
background: #000;
border-style: none solid solid solid;
border-width: 1px;
border-color: #9c9c9c;
padding: 0;
}

/* Entete */

#header {
width: 1000px;
height:110px;		
}
#header a img {
float:left;
display:block;
width:230px;
margin:5px 4px;
}
h1#top {
display:none;
}

/* Recherche */

#recherche{
height:30px;
padding-left:5px;
}


#pub1{
margin-top:10px;
height:150px;
text-align:center;
}


/* Niveau 1  Groupe 1 */

.niveau1 .groupe1 {
clear: left;
height:34px;
margin:5px 0 0 0;
background-image: url(css1/fond.gif);
border-style:solid none;
border-width:1px;
border-color:#9c9c9c;
}
.niveau1 .groupe1 h2 {
}
.niveau1 .groupe1 ul, .niveau1 .groupe1 li {
margin:0;
padding: 0;
list-style-type: none;
}
.niveau1 .groupe1 ul {
margin-left:30px;
}
.niveau1 .groupe1 li {
float: left;
margin:2px 4px 2px 0;
background-image: url(css1/bouton.gif);
height: 30px;
width: 120px;
}
.niveau1 .groupe1 li a { 
display: block;
color: #000;
font: 13px Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
font-weight:bold;
text-decoration: none;
text-align: center;
line-height:30px;
}
.niveau1 .groupe1 li a:hover {
color: #F00;
}

/* Niveau 2  Groupe 1 */

.niveau2 .groupe1 {
float: left;
width:820px;
height:20px;
margin:0;
background:#dedede;
border-bottom-style:solid;
border-width:1px;
border-color:#9c9c9c;
}
.niveau2 .groupe1 h2 {
}
.niveau2 .groupe1 ul, .niveau2 .groupe1 li {
margin:0;
padding: 0;
list-style-type: none;
}
.niveau2 .groupe1 ul {
margin-left:30px;
}
.niveau2 .groupe1 li {
float: left;
margin:0;
height: 20px;
width: 195px;
}
.niveau2 .groupe1 li a { 
display: block;
color: #000;
font: 13px Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
font-weight:bold;
text-decoration: none;
text-align: center;
line-height:20px;
}
.niveau2 .groupe1 li a:hover {
color: #F00;
}


/* Groupe 2 */

.groupe2 {
float:left;  
margin: 5px 5px 0 5px;
}
.groupe2 ul, .groupe2 li {
margin:0;
padding: 0;
}

/* Main */

#main {

}

/* Contenu */

#content{
width:800px;
margin:5px 5px 10px 170px;
padding:10px;
min-height:500px;
height:auto !important;
height:500px;
text-align:left;
background: #FFF;
border-style: solid;
border-width: 1px;
border-color: #9c9c9c;
}

/* Pied de page */

#footer {
clear:both;
width:100%;
height:24px;
line-height:24px;
text-align:center;
}

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

#listes{
float:left;
border-right-style:dashed;
border-width:1px;
border-color:#000;
}

.encart{
text-align:left;
width:250px;
margin:5px;
}

.encart_prog{
text-align:center;
}

.liste{
text-align:left;
}

.liste li{
list-style-image: url(css1/puce.gif); 
}

#outil{
float-right;
text-align:right;
font-size:80%;
margin-right:4px;
}

#outil input{
margin:3px;
}

#partie_webmaster{
width:100%;
margin-bottom:8px;
text-align:center;
background:#dedede;
border-style: solid;
border-width: 1px;
border-color: #444;
}

#partie_webmaster form{
text-align:left;
margin-top:15px;
margin-bottom:15px;
}

#partie_webmaster #bouton{
margin-left:10px;
}

#partie_webmaster .titre{
display:block;
width:100%;
text-align:center;
font-size:130%;
font-weight:bold;
background:#ff8803;
}

#partie_webmaster .description{
margin:10px 0 10px 5px;
text-align:left;
font-weight:bold;
}

#partie_webmaster .amodifier{
display:inline;
font-weight:bold;
font-style:italic;
color:#F00;
}

#code{
width:94%;
height:89px;
margin-left:2%;
margin-right:2%;
font-size:85%;
}

#partie_gauche{
float:left;
width:49%;
text-align:center;
}
#partie_droite{
float:left;
width:49%;
text-align:center;
}

.visualisation{
width:100%;
background:#FFF;
border-style:dashed none dashed none;
border-width:1px;
border-color:#000;
}