body
{
background-image:url("kit/fond_ironstorm2.jpg");
background-attachment:fixed; /* fixe le fond d'écran */
background-repeat:no-repeat;
background-position:top;
background-color:black;
width:730px;
margin:auto; /* centrer la page */
margin-top:20px; /* espace avec le haut de la fenêtre du navigateur */
margin-bottom:20px; /* espace avec le bas de la fenêtre du navigateur */
padding:0px;
}

#header
{
width:730px;
height:60px;
margin:auto;
padding:0px;
border:1px solid white;
text-align:center;
background-image:url("kit/logo_ironstorm.png");
background-repeat:no-repeat;
background-position:left;
}

#header h1    /* Titre de votre site web */
{margin-top:5px;  /* valeur à ajuster pour centrer verticalement le titre dans le header */
margin-left:210px;  /* valeur à ajuster pour aligner horizontalement le titre dans le header */
width:450px;
color:white;
font-family:"Times New Roman", serif;  /* police de caractères du texte dans le header */
font-size:2.5em;  /* taille des caractère du texte dans le header */
}

#barre_titre
{
width:730px;
height:25px;
margin:auto;
margin-top:15px;
margin-bottom:15px;
padding:0px;
border:1px solid white;
color:white;
font-family:"Trebuchet ms", serif;
background-image:url("kit/darkblue.jpg");
background-repeat:repeat;
text-align:center;
}

#menu
{
width:150px;
float:left;
margin:0px;
padding:0px;
}

#menu .rubrique
{
width:150px;
margin:0px;
margin-bottom:15px;
padding:0px;
border:0px;
}

#menu .rubrique h4  /* pour le titre de la rubrique */
{
width:143px;
height:21px;
margin:0px;
padding-left:5px;
border:1px solid white;
background-image:url("kit/darkblue.jpg");
color:white;
font-family:"Trebuchet ms", serif;
}
	
#menu .rubrique a
{
display:block;
width:143px;
height:19px;
margin:0px;
padding-left:5px;
border-left:1px solid white;
border-right:1px solid white;
border-bottom:1px solid white;
color:white;
font-family:"Trebuchet ms", serif;
font-size:0.9em;
text-decoration:none;
background: url("kit/rollover.png") repeat-x 0 0 ;
}
		
#menu .rubrique a:visited
{
font-family:"Trebuchet ms", serif;
font-size:0.9em;
text-decoration:none;
background: url("kit/rollover.png") repeat-x 0 0 ;
}
		
#menu .rubrique a:hover
{
font-family:"Trebuchet ms", serif;
font-size:0.9em;
text-decoration:none;
background: url("kit/rollover.png") no-repeat 0 -20px ;
color:black;
}
		
#menu .rubrique a:active
{
font-family:"Trebuchet ms", serif;
font-size:0.9em;
text-decoration:none;
}
	
#signature
{
width:143px;
margin:0px;
padding:0px;
border:0px;
color:white;
font-family:"Trebuchet ms", serif;
font-size:0.7em;
text-align:center;
}
	
#signature a {color:red;text-decoration: none;}
#signature a:hover {color:yellow;}
#signature a:active {color: green;}

#css_valid
{
margin-top:15px;
border:0px;
text-align:center;
}

#css_valid a img
{
border:none;
}

#firefox
{
margin-top:15px;
margin-left:0px;
border:0px;
text-align:center;
}

#firefox a img
{
border:none;
}

.corps
{
width:560px;
margin-left:165px;
margin-bottom:15px;
border:1px solid white;
text-align:center;
font-family:"comic sans ms", serif;
color:white;  /* couleur du texte dans le corps de la page */
font-size:0.8em;
}

.corps2
{
border:1px solid white;
margin-top:5px;
margin-bottom:5px;
margin-left:5px;
margin-right:5px;
}

.corps3
{
border:1px solid white;
margin-top:5px;
margin-bottom:5px;
margin-left:5px;
margin-right:5px;
}

.corps a {color:green;text-decoration:underline; font-weight:bold;}
.corps a:visited {color:yellow;text-decoration:none;}
.corps a:hover {color:red;}
.corps a:active {color:gray;}
	
.corps h3
{
margin-top:7px;
margin-bottom:10px;
margin-left:5px;
font-family: "Trebuchet ms", serif;
color:red;
font-size:1.5em;
text-align:left;
}

.corps p
{
margin-top:5px;
margin-bottom:15px;
margin-left:15px;
margin-right:15px;
text-align:left;
}

	
.corps .droite
{
margin-bottom:10px;
margin-right:10px;
text-align:right;
font-size:1.1em;
font-style:italic;
}

hr
{
width:70%;
}