/*Design réalisé par Isis
Juin 2009*/
body
{
width: 1680px;
height: auto;
margin: auto;
margin-top: 0px;
margin-bottom: 0px;
background-image: url("../image/design/fonds1680x1050.jpg");
background-repeat:no-repeat;
background-position: center center;
background-attachment: fixed;  /*Le fond restera fixe */
}
/* L'en-tête */
#en_tete
{
width: 1680px;
height: 150px;
background-image: url("../image/design/entete1680x150.jpg");
background-repeat: no-repeat;
background-position: top center; 
margin-top: auto;
margin-bottom: auto;
margin: auto;
}
/* Le menu 
#menu
{
float: left;
width:1680px;
}*/
/*.element_menu
{
/*background-image: url("../image/design/menu.png");
background-repeat: no-repeat;
/*height: auto;*/
/*width: auto;
border: 2px solid red;
margin-bottom: 5px;
}
/* Quelques effets sur les menus 
.element_menu h3
{
color: black;
font-family: "Monotype Corsiva", Arial, "Arial Black", "Comic Sans MS", "Times New Roman", Times, serif;
text-align: center;
}
.element_menu ul
{
list-style-image: url("../image/puce.png");
padding: 0px;
padding-left: 20px;
margin: 0px;
margin-bottom: 5px;
font-family: "Monotype Corsiva", Arial, "Arial Black",  "Comic Sans MS", "Times New Roman", Times, serif;
}
.element_menu a
{
color: black;
}
.element_menu a:hover
{
color: white;
}

.element_menu1
{
background-image: url("../image/design/menu3.png");
background-repeat: no-repeat;
height: 689px;
/*width: auto;
border: 2px solid red;
margin-bottom: 5px;
}*/

/* Le corps de la page */
#corps
{
margin-left: 0px;
margin-bottom: 5px;
padding:3px;
color: white;
/*border: 2px solid red;*/
text-align: center; /* La citation sera centrée */
font-family: "Monotype Corsiva", Arial, "Arial Black", "Comic Sans MS", "Times New Roman", Times, serif;
}
#corps h1
{
/*color: rgb(255,4,0);*/
text-align: center;
font-family: "Monotype Corsiva", Arial, "Arial Black", "Comic Sans MS", "Times New Roman", Times, serif;
color: black;
text-decoration: blink;
}
#corps h2
{
height: 30px;
margin-left: 200px;
background-repeat: no-repeat;
padding-left: 30px;
/*color: rgb(255,247,0);*/
color: blue;
text-align: left;
font-family: "Monotype Corsiva", Arial, "Arial Black", "Comic Sans MS", "Times New Roman", Times, serif;
}
#corps a
{
color: white;
font-size:20px;
}
#corps a:hover
{
color: red;
}
#corps p
{
color: blue;
font-size:20px;
text-align: center;
}
.important
{
color: rgb(255,165,0);
font-size:20px;
text-align: center;
}

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) 
#pied_de_page
{
padding: 5px;
text-align: center;
font-family: "Monotype Corsiva", Arial, "Arial Black", "Comic Sans MS", "Times New Roman", Times, serif;
font-size: 16px;
color: black;
background-image: url("../image/design/piedpage.png");
background-repeat: repeat-x;
border: 2px solid red;
font-weight: bold;
/*font-style:oblique;*/
}
/*Mise en forme des tableaux*/
table
{
margin: auto; /* marge extérieure*/
border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
}
td /* Toutes les cellules des tableaux... */
{
border: 3px ridge; /* ... auront une bordure de 3px */
padding: 5px; /* marge intérieure*/
font-size: 18px;
}


/*Mise en forme des formulaires mais ne marche pas sur internet explorer
#textarea
{

}

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 (ne marche pas sur IE) 
{
background-color: #FFFF99;
}
label
{
color: rgb(255,165,0); /* Colorer en bleu tous les labels (bah oui, pourquoi pas en bleu ?) 
}
legend /* On met un peu plus en valeur les titres des fieldset 
{
font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
color: #FFFFCC;
font-weight: bold;
}
fieldset
{
margin-bottom: 15px; /* Une marge pour séparer les fieldset */
/*background-color: #FFFFCC;*/
}