body
{
background-image:url("kit/fond_fma5.gif");
background-repeat:repeat;
width:780px;
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 */
background-attachment:fixed;
padding:0px;
}

#header
{
width:780px;
height:110px;
margin:auto;
padding:0px;
background-image: url("kit/logo_fma2.png");
background-repeat:no-repeat;
background-position:left;
border:1px solid black;
border-bottom:0;
text-align:center;
}

#header h1    /* Titre de votre site web */
{
position:relative;
top:6px; /* valeur à ajuster pour centrer le texte dans le header */
left:160px; /* valeur à ajuster pour centrer le texte dans le header, attention : IE décale, faire des essais */
width:600px;
color:white;
font-family:"Times New Roman", serif;
font-size:2.5em;
}

#footer
{
width:780px;
height:100px;
margin:auto;
padding:0px;
background-image: url("kit/logo_fma.png");
background-repeat:no-repeat;
background-position:left;
border:1px solid black;
margin-bottom:15px;
}

#menu_gauche
{
width:150px;
float:left;
margin:0px;
padding:0px;
text-align:center;
}

#menu_droite
{
width:150px;
float:left;
margin:0px;
padding:0px;
text-align:center;
}

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

#menu_gauche .rubrique h4  /* pour le titre de la rubrique */
{
width:143px;
height:21px;
margin:0px;
padding-left:5px;
border:1px solid black;
border-right:0;
background-image:url("kit/fond_menu_red.png");
color:black;
font-family:"Trebuchet ms", serif;
}

.rubrique img
{
display:block;
margin:0px;
padding:0px;
border-bottom:1px solid black;
}

#menu_gauche .rubrique a
{
display:block;
width:143px;
height:19px;
margin:0px;
padding-left:5px;
border-left:1px solid black;
border-right:0;
border-bottom:1px solid black;
color:black;
font-family:"Trebuchet ms", serif;
font-size:0.9em;
text-decoration:none;
background: url("kit/rollover.png") repeat-x 0 0 ;
}
		
#menu_gauche .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_gauche .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:white;
}
		
#menu_gauche .rubrique a:active
{
font-family:"Trebuchet ms", serif;
font-size:0.9em;
text-decoration:none;
}

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

#menu_droite .rubrique2
{
width:150px;
margin:0px;
padding:0px;
border:0px;
}

#menu_droite .rubrique h4  /* pour le titre de la rubrique */
{
width:143px;
height:21px;
margin:0px;
padding-left:5px;
border:1px solid black;
border-left:0;
background-image:url("kit/fond_menu_red.png");
color:black;
font-family:"Trebuchet ms", serif;
}

#menu_droite .rubrique2 h4  /* pour le titre de la rubrique partenaires*/
{
width:143px;
height:21px;
margin:0px;
padding-left:5px;
border:1px solid black;
border-left:0;
background-image:url("kit/fond_menu_red.png");
color:black;
font-family:"Trebuchet ms", serif;
}
	
#menu_droite .rubrique a
{
display:block;
width:143px;
height:19px;
margin:0px;
padding-left:5px;
border-left:0;
border-right:1px solid black;
border-bottom:1px solid black;
color:black;
font-family:"Trebuchet ms", serif;
font-size:0.9em;
text-decoration:none;
background-image:url("kit/fond_menu_red.png");
}
		
#menu_droite .rubrique a:visited
{
font-family:"Trebuchet ms", serif;
font-size:0.9em;
text-decoration:none;
background-image:url("kit/fond_menu_red.png");
}
		
#menu_droite .rubrique a:hover
{
font-family:"Trebuchet ms", serif;
font-size:0.9em;
text-decoration:none;
background-image:url("kit/fond_menu_black.png");
color:white;
}
		
#menu_droite .rubrique a:active
{
font-family:"Trebuchet ms", serif;
font-size:0.9em;
text-decoration:none;
}

#menu_droite .partenaire
{
width:147px;
margin:0px;
padding-top:5px;
border:0px;
background-image:url("kit/fond_menu_red.png");
background-repeat:repeat;
border-left:0;
border-right:1px solid black;
border-bottom:1px solid black;
text-align:center;
}

#signature
{
width:150px;
margin:0px;
padding:0px;
color:black;
background-color:white;
border:1px solid black;
border-right:0;
font-family:"Trebuchet ms", serif;
font-size:0.7em;
}

#signature p
{
margin-bottom:0px;
margin-top:0px;
margin-left:10px;
}
	
#signature a {color:red;text-decoration: none;}
#signature a:hover {color:blue;}
#signature a:active {color: green;}

#css_valid
{
margin-top:15px;
margin-left:0px;
border:0px;
}

#css_valid a img
{
border:none;
}

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

#firefox a img
{
border:none;
}

.partenaire a img
{
border:none;
}

.conteneur
{
padding:0px;
margin:0px;
margin:auto;
}

.corps
{
width:478px; /* normalement, width:480px; mais IE veux pas ... */
margin:auto;
float:left;
border:1px solid black;
text-align:center;
font-family:"comic sans ms", serif;
color:black;  /* couleur du texte dans le corps de la page */
font-size:0.8em;
padding:0px;
background-image:url("kit/background_fma.jpg");
background-repeat:no-repeat;
background-position:0 -97px;
background-color:white;
margin-bottom:15px;
}

.corps a {color:green;text-decoration:underline; font-weight:bold;}
.corps a:visited {color:blue;text-decoration:none;}
.corps a:hover {color:red;}
.corps a:active {color:gray;}
	
.corps h3
{
margin-top:7px;
margin-bottom:10px;
margin-left:5px;
margin-right:5px;
padding-left:5px;
font-family: "Trebuchet ms", serif;
color:red;
border-bottom:2px solid red;
font-size:1.5em;
text-align:left;
}
	
.corps h1
{
margin-top:7px;
margin-bottom:7px;
font-family: "Trebuchet ms", serif;
font-size: 2.4em;
text-align:center;
color:black;
}

.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%;
}