body
{
width:1024px;
margin-top:0px;
margin-left: auto;
margin-right: auto;
margin-bottom:0px;
font-family:"Times New Roman", Times, serif;
font-size:16px;
}
/************************ Couleurs des différents éléments ****************************/
body, #header, #logo_iss, #conteneur, #droite, #footer
{
background-color:navy;
color:black;
}
#gauche
{
background-color:yellow;
color:black;
} 
/************************ Configuration générale de la page ***************************/
#header
{
top:0px;
margin:0px;
padding:0px;
width:100%;
height: 200px;

background: url("images/bandeau1.png") no-repeat bottom right;
}
#logo_iss
{
margin:0px;
padding:0px;
width:200px;
height:200px;

background: url("images/iss_logo_iss.png") no-repeat top left;
}
#conteneur
{
margin-bottom:5px;
position: relative;
overflow: hidden;
background:url("images/iss_bg.png") repeat bottom right;
}
#gauche
{
float: left;
margin-top:5px;
width:11em;
border: 2px solid black;
}
#droite
{
padding:15px;
padding-top:5px;
padding-bottom:15px;
margin-top:5px;
margin-left:11.5em;
border-left:2px solid yellow;
border-right:2px solid yellow;
overflow:auto;
background: url("images/rice-paper.png") repeat top right;
}
#footer
{
clear:both;
height:28px;
line-height:28px;
margin-bottom:10px;
text-align:center;
border: solid 1px black;

background: url("images/barfoot.png") repeat top right;
}
/*#footer:hover
{
background: url("images/barfoot_i.png") repeat top right;
}
*/
/************************************************************************************************/
em
{
font-size:1.2em;
font-style:italic;
color:green;
}
strong
{
font-size:1.2em;

color:blue;
}
acronym:hover
{
cursor: help;
}
/*/acronym
{
font-weight:bold;
}*/
b
{
font-size:1.1em;
}
p
{
text-align: justify;
text-indent: 20px;
}
p:hover
{
background-color:white;
}
p:first-letter
{
font-size:1.3em;
font-weight:bold;
}
h1
 {
 color:#E8A22B;
 font-size: 2em;
 font-weight:bold;
}
h2
 {
  font-size: 1.5em;
}
h3
 {
 color:navy;
  font-size: 1.3em;
}
h4
 {
  font-size: 1.2em;
}
h5
{
font-size:1em;
}
petit
{
font-size:0.5em;
font-style:italic;
}
.fondgris
{
background-color:gray;
}
.rouge
{
color:red;
}
.centrer
{
text-align:center;
}
.fleft
 {
float: left;
margin:1em;
}
.fright
 {
float: right;
margin:1em;
}
.err
{
background-color:#ff4141;
color:white;
}
.nud
{
border:none;
}
table, caption, td, th /* Mettre une bordure sur les td et les th */
{
border-collapse: collapse;
border: 2px solid black;
padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}
caption, th
{
font-weight:bold;
text-align: center;
}
th
{
color:blue;
}
/*Listes*/
dt
{
font-size:1.2em;
font-weight:bold;
}
dd
{
font-size:1.1em;
}
/*------------ CSS du menu gauche ---------------*/
#menu {
float:left;
width: 11em;
/*height:100%;*/
margin-right:10px;
}
#menu ul, #menu li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu li 
{
cursor: pointer;
margin: 2px 0;
font-size: 0.9em;
height: 25px;
line-height: 25px;
text-align: center;
font-weight: bold;
border: 1px solid black;
background: url("images/menubar.png") repeat-x top right;
}
#menu li a
{
 background-image: url(images/menubar.png);
 background-repeat: repeat-x;
 background-position: right top;
 color: black;
 text-decoration: none;
 display: block;
}
 
#menu li a:hover
{
background-position: right -28px;
color:blue;
}
/*********************** CSS formulaire ******************************/
/*input, textarea
{
font-family: "Times New Roman", Times, serif; /* On modifie la police du texte tapé l'intérieur des champs */
}
*/ 
input:focus, textarea:focus /* Quand le curseur est sur un champ */
{
color:black;
background-color: #FFFF99;
}
label
{
color: blue; /* Colorer en bleu tous les labels (bah oui, pourquoi pas en bleu ?) */
}
legend /* On met un peu plus en valeur les titres des fieldset */
{
color: #FF9933;
font-size:1.2em;
font-weight: bold;
}
fieldset
{
margin-bottom: 15px; /* Une marge pour séparer les fieldset */
background-color: #FFFFCC;
}