#container{	width:550px; margin : 0 auto; padding : 3px; border: 5px solid #663300; 
background: #FFFFFF}

#topbar{width: 100%; display:block; height:122px; background-image:url(Images/header_petit.jpg); border-bottom: 2px solid #663300}
.illustration{margin : 10px auto;}

#main{width: auto; 	padding: 0 10px 0 10px;}

.important{color: #B70000}

.pied-form {
	text-align: justify ; 
	font-size: 0.6em;
	font-weight: normal; 	
}

fieldset {
width: 75%;
margin: 10px auto;
border:2px solid #999999;
background-color:#FFFFCC;
text-align:center;
color:#021C75 /*#02249B*/ /*#132777*/;
padding:5px;
}

label{color:#000000}

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

input[type=submit]{
	font-weight: bold;
}

/*input[type=submit]:hover{
background-color: #456C00;
border: 2px inset #c0c0c0;
}*/

h1, h2 {font-family: Tahoma}

h1
{
	padding-left: 0px;
	line-height: 25px;
	font-size: 1.8em;
	text-align:center;
/*	color:#B70000;*/
}

h2
{
	text-align: justify;
	text-indent: 4em;	
	line-height: 1.6em;
	font-size: 1.3em ;
/*	color: #456C00;*/
}
/* 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 */


/* 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: 3.5em;
}

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

hr {color:#CCCCCC}

a
{
	color:#000000;
	text-decoration: none ;	
}

a:hover
{
	text-decoration: underline;	
}

body
{
	margin: 10px 0 ;
	text-align: center ;
	font-family: Geneva, Arial, Helvetica, sans-serif/*Verdana*/ /*Arial, Helvetica, sans-serif*/ /*Tahoma*/ /*Georgia, "Times New Roman", Times, serif*/; 
	font-weight:bold;	
	background: /*#FFFF99*/#6FA43E ;	
	color: #044579 /*#004080*/;
}

#footer {width:auto; height:80px; background-image:url(Images/LogoReuMI_150x50.jpg); margin: 10px 0 0 0;
	 background-position:top; background-repeat:no-repeat; padding-top:20px;} 

#footer p {font-size:0.8em; color:#333333; padding-left:115px; padding-top:20px}	   
#footer a {color:#0000CC; font-size:0.8em; text-decoration: underline; padding-top:0px; margin: 0 0 0 0}
#footer a:hover
{
	text-decoration: none;	
}