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: 85%;
}
h1, h2, h3 {
	margin-top: 0;
}
h1 {
padding: 0;
margin:0;
font-size: 1.5em;
color: #769712;
}
h3 {
margin:0;
padding:0;
text-align:left;
color: #585858;
font: 95% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
font-weight: bold;	
font-variant: small-caps ; 
width: 100%;
height: 30px;
line-height: 30px;
background: url(css1/cat.png) left center repeat-x;
}
hr {
	display: none;
}
a {
	text-decoration: none;
	color: #000000;
font: 95% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
}
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: 100%;
	height: 100%;
	margin: 0;
	position: relative;	
	padding: 0;
}

/* Entete */

#header {
	border: none;
	/*background:#46297C;*/
background:#cbb8ed;
border-bottom-style:solid;
border-width: 1px;
border-color: #c9c9c9;


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

/* Recherche */

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


#pub1{
height:100px;
text-align:center;
}

#pub2{
margin-top:5px;
}

#pub3{
text-align:center;
margin:5px;
}

/* Easy-access */

#easy-access, #easy-access a
{
	color: gray;
  margin: 0 0 0 7px;
	font-size: 0.8em;
	line-height: 1em;
	text-decoration: none;
}
#easy-access
{
  text-align: right;
  position: relative;  
  right: 2px;
  margin: 0 0 0 15px;
}

#easy-access a:hover, #easy-access a:focus
{
	color: #000;
}

/* Niveau 1  Groupe 2 */

.niveau1 .groupe2 {
margin:0 10px 10px 10px; 
	color: #555;
	font: 1em "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	margin: 10px 10px 1em 10px;
}
.niveau1 .groupe2 h2 {
text-align:center;
color: #585858;
font: 95% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
font-weight: bold;	
font-variant: small-caps ;
height: 30px;
line-height: 30px;
background: url(css1/cat.png) left center repeat-x;
margin: 0; 
padding:0; 
border-style: none solid none solid;
border-width: 1px;
border-color: #b4add9;
}
.niveau1 .groupe2 ul, .niveau1 .groupe2 li {
	margin:0;
	padding: 0;
	list-style-type: none;
}
.niveau1 .groupe2 ul {
height:210px;
background: #FFF;
border-style: none solid solid solid;
border-width: 1px;
border-color: #b4add9;
padding-top:10px;
}
.niveau1 .groupe2 li {
float:left;
width:49%;
}
.niveau1 .groupe2 li a{
display: block ;
color: #000 ;
font: "Trebuchet MS",Arial,sans-serif ;
font-size:100%;
line-height: 1em ;
text-decoration: none ;
text-align:left;
font-weight: bold;
padding-left: 10px;
margin-bottom:5px;
}
.niveau1 .groupe2 li a:hover, .niveau1 .groupe2 li a:focus, .niveau1 .groupe2 li a:active {
color: #F00;
}
.niveau1 .groupe2 li a.selectionne{
color: #F00;
}

/* Niveau 2 */

.niveau2 {
  float:right;   
	color: #555;
	font: 1em "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	margin: 10px 10px 1em 15px;
}

.niveau2 h2 {
padding-left:10px;
color: #C9C9C9;
font: 1.1em "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
font-weight: bold;	
font-variant: small-caps ; 
}

.niveau2 a {
	color: #777;
	font: 1em "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-weight: bold;
}
.niveau2 ul {
	list-style-type: none;
	margin: 0 0 1em 0;
	padding: 0;
}
.niveau2 li {
/*height: 30px;*/
width: 152px;
}
.niveau2 li a{
display: block ;
background-position: left;
color: #000 ;
font: 1em "Trebuchet MS",Arial,sans-serif ;
font-weight:bold;
text-align: left ;
text-decoration: none ;
padding: 4px 0 ;
}
.niveau2 li a:hover, .niveau2 li a:focus, .niveau2 li a:active {
text-decoration: underline ;
}

.niveau2 li a.selectionne{
color: #F00;
}

/* Niveau 3  Groupe 1 */

.niveau3 .groupe1 {
background-image: url(css1/btn3.png);
margin-left:240px;
margin-right:180px;	
height: 40px;
border-style: solid solid none solid;
border-width: 1px;
border-color: #444;
}
.niveau3 .groupe1 h2 {
}
.niveau3 .groupe1 ul, .niveau1 .groupe1 li {
margin:0;
padding: 0;
list-style-type: none;
}
.niveau3 .groupe1 ul {
position: absolute;
}
.niveau3 .groupe1 li {
float: left;
background-image: url(css1/btn3.png);
height: 32px;
width: 131px;
padding-top:8px;
border-style: none inset none none;
border-width: 2px;
border-color: #444;
}
.niveau3 .groupe1 li a { 
display: block;
color: #000;
font: 14px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
font-weight:bold;
text-decoration: none;
text-align: center;
}
.niveau3 .groupe1 li a:hover {
color: #ea3f03;
background: transparent;
}
.niveau3 .groupe1 li a.selectionne{
color: #F00;
}

/* Niveau 4  Groupe 1 */

.niveau4 .groupe1 {
margin-left:240px;
margin-right:180px;	
height: 17px;
border-style: solid solid none solid;
border-width: 1px;
border-color: #444;
}
.niveau4 .groupe1 h2 {
}
.niveau4 .groupe1 ul, .niveau1 .groupe1 li {
margin:0;
padding: 0;
list-style-type: none;
}
.niveau4 .groupe1 ul {
position: absolute;
}
.niveau4 .groupe1 li {
float: left;
height: 16px;
width: 180px;
border-style: none inset none none;
border-width: 2px;
border-color: #444;
}
.niveau4 .groupe1 li a { 
display: block;
color: #000;
font: 14px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
font-weight:bold;
text-decoration: none;
text-align: center;
}
.niveau4 .groupe1 li a:hover {
color: #ea3f03;
background: transparent;
}
.niveau4 .groupe1 li a.selectionne{
color: #F00;
}


/* Main */

#main {

}

/* Contenu */

#content{
min-height:200px;
margin:0 10px 10px 10px;
/*padding-top:10px;*/
text-align:center;
border-style: none solid solid solid;
border-width: 1px;
border-color: #b4add9;
background:#FFF;
}

/* Pied de page */

#footer {
width:100%;
height:24px;
line-height:24px;
text-align:center;
border-top-style:solid;
border-width:1px;
border-color:#c9c9c9;
}

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


/* Module */

#resultat{
margin-left:5px;
text-align:left;
}

.libelle{
display:inline;
text-align:left;
margin-left:10px;
margin-right:10px;
}

#partie_webmaster{
width:100%;
margin-bottom:8px;
text-align:center;
background:#dedede;
border-style: none none solid none;
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:110%;
font-weight:bold;
background:#9c9c9c;
}

#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:98%;
height:89px;
margin-left:1%;
margin-right:1%;
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;
}


.fluxRSS{
 margin-left:40px;
 margin-top:4px;
 text-align:left;
 color: black;
 display : list-item;
 list-style-image : url(../im/rss.png);
 list-style-position: outside;
} 

.fluxRSS a{
margin-left:5px;
font-weight:bold;
}

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

.liste{
text-align:left;
}

#outil{
float-right;
text-align:right;
margin-right:10px;
color: #585858;
font: 95% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
font-weight: bold;	
font-variant: small-caps ; 
width: 100%;
height: 30px;
line-height: 30px;
background: url(css1/cat.png) left center repeat-x;
margin: 0; 
padding:0; 

}

#outil a{
color: #585858;
}

#outil input{
margin:3px;
}

#reglement{
margin:5px;
padding:5px;
color:#000;
text-align:left;
background:#c0c0c0;
border:dotted #000 1px;
}

#webmaster{
margin:5px;
padding:5px;
color:#000;
text-align:left;
background:#c0c0c0;
border:dotted #000 1px;
}

.liste{
color:#000;
list-style:none;
}

.liste li{
float:left;
margin:5px;
}

.liste a{
color:#000;
}