#container{width:700px; margin : 0 auto; padding : 3px; border: 6px solid  /*#663300*/#336600; 
background: #FFFFFF;}

#topbar{width: 100%; display:block; height:155px; background-image:url(Images/header.jpg); border-bottom: 2px solid #336600}

.illustration{margin : 10px auto;}

#main{padding: 0 5px 0 5px}

.important{background-color: #FFFF00; font-weight:bold;}

h1, h2 {font-family: Tahoma}

h1
{
	padding-left: 0px;
	line-height: 25px;
	font-size: 1.8em;
	color: #FF0000;
}

h2
{
	text-align:left;
	text-indent: 3em;	
	padding-left: 5px ;
	line-height: 1.6em;
	font-size: 1.4em ;
	color: #336600;
}
/* Mise en forme du titre de page, une petite image,
 on décale le texte en fonction de l'image, on donne un couleur au texte et
  on met une bordure basse */

h3
{
	font-size: 17px;
	text-align:left;
	border-bottom: 1px solid #6FA43E;
	border-left: 4px solid #6FA43E;
	color: #336600;
	padding-left:5px;		
}


/* De même que pour le titre h2, à ceci près qu'on
 ne donne pas d'image décorative cette fois ci */

p
{
	text-align: justify;
	text-indent: 3em;
	line-height: 1.6em;
}

ul
{
  list-style-type: none;
  padding: 0;
  margin: 0;
  line-height: 1.7em;
  text-align: left;
  padding-left: 6em;
}

li
{
  background-image: url('Images/puce.gif');
  background-position: 0 0.4em;
  padding-left: 18px; 
  background-repeat: no-repeat;
}

a
{
	color: #336600;
	font-weight:bold;
}

a:hover
{
	color: #FF6600;
}

body
{
	margin: 10px 0 ;
	padding: 0 ;
	text-align: center ;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif/*Geneva, Arial, Helvetica, sans-serif*/; 
	font-size:13px;
	background: /*#FFFF99*/#6FA43E ;	
}

fieldset {
width:70%;
margin: 10px auto;
border:4px dashed #336600;
background-color:#FFFF99;
text-align:center;
color:#000000;
padding: 5px;
}

textarea{
border: 1px solid #999999;
margin:8px;}

input[type=text]{
border: 1px solid #999999;
margin:8px;}

input[type=submit]{
font-weight: bold;
margin-right:10px;
	
	
}