/* CSS pour pages Fiesta */

body
{
   width: 760px; /* largeur de la page : permet d'afficher en 800/600 sans barre de défilement */
   margin: auto; /* Pour centrer notre page */
   margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur.  */
   margin-bottom: 20px; /* Pour éviter de coller avec le bas de la fenêtre du navigateur. */
   background-image: url("images/fond_fista_d.jpg"); /* image de fond */
   background-repeat:no-repeat; /* l'image de fond ne se répète pas */
   background-position:top center; /* l'image de fond est centrée */
   font-family: Arial, Helvetica, sans-serif;
}

h1
{
	color: #EF4C44;
	text-align: left;
	font-weight: bold;
	font-size: 125%;
	border-bottom-style: solid;
	border-bottom-color: #FDC53A;
	border-bottom-width: 1px;
}

table
{
	border-collapse: collapse; /*es bordures seront collées entre elles*/
	border: none;
	width:550px;
}

td, th, caption /* Format du corps des tableaux */
{
	border-left-style: none;
	border-right-style: none;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FDC53A;
	border-bottom-color: #FDC53A;
	border-top-width: 1px;
	border-bottom-width: 1px;
	vertical-align: top;
	font-size: 95%;
}

caption /* spécificités du titre du tableau*/
{
	text-align: left;
	font-weight: bold;
	font-style:italic;
	border-top-width: 0px;
}

th /* spécificités des lignes d'intitulé du tableau*/
{
	text-align: left;
	font-weight: bold;
	font-size: 90%;
}

th .titre/* spécificités des lignes d'intitulé h1 du tableau*/
{
	font-size: 125%;
	color: #EF4C44;
}

td .commentaire /* spécificités du commentaire du tableau*/
{
	font-size: 90%;
}

form  td
{
	border:none;
}

form textarea
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 105%;
}

#en_tete
{
   width: 640px; /* largeur de l'en-tête */
   height: 100px; /* hauteur de l'en-tête */
   margin-top: 50px; /* marge en haut de l'en-tête */
   margin-bottom: 30px; /* marge en bas de l'en-tête */
   margin-left: 120px; /* marge à gauche de l'en-tête */
}

#menu
{
   float: left; /* Le menu flottera à gauche */
   width: 130px; /* Donne une largeur au menu */
   margin-top: 20px; /* marge en haut du menu */
}

.element_menu_1
{	
    margin-bottom: 75px; /* Espace entre 2 éléments_menu */
}

.element_menu_1 a /* Comportement des liens se trouvant dans un menu */
{
    text-decoration:none;
	color: #FFFFFF;
	font-size: 85%;
	font-weight: bold;
}

.element_menu_1 a:hover /* Quand on pointe sur un lien du menu */
{
	text-decoration:none;
	font-size: 90%;
	color: #FDC53A;
}

.element_menu_2
{	
    margin-bottom: 90px; /* PEspace entre 2 éléments_menu */
}

.element_menu_2 a /* Tous les liens se trouvant dans un menu */
{
    text-decoration:none;
	color: #FFFFFF;
	font-size: 85%;
	font-weight: bold;
}

.element_menu_2 a:hover /* Quand on pointe sur un lien du menu */
{
	text-decoration:none;
	color:#000000;
}

#corps
{
	margin-left: 150px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
	margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
	padding: 15px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
	font-size: 85%;
	border: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FDC53A;
	border-left-color: #FDC53A;
}


#corps .commentaire /* spécificités ddes commentaires*/
{
	font-size: 90%;
}



#corps .instructions /* spécificités des instructions données à Catherine*/
{
	font-size: 90%;
	background-color:#FF99FF
}

#corps .h1_liste /* spécificités des instructions données à Catherien*/
{
	color: #EF4C44;
	text-align: left;
	font-weight: bold;
	font-size: 125%;
}

#corps a /* Apparence du lien le corps*/
{
	text-decoration:none;
	color:#00A5C5;
	font-weight: bold;
}

#corps img
{
	border:none;
}

#corps a:hover /* Quand on pointe sur un lien dans le corps */
{
	text-decoration:none;
	color:  #EF4C44;
	font-weight: bold;
}

#corps td a /* Apparence du lien dans un tableau */
{
	text-decoration:none;
	color:#000066;
	font-weight: normal;
}


#corps td a:hover /* Quand on pointe sur un lien dans un tableau */
{
	text-decoration:none;
	color: #00A5C5;
	font-weight: normal;
}

#pied_de_page
{
   height: 135px; /* hauteur du pied de page */
   padding: 0px;
   background-image: url("images/pied_de_page.gif");
   background-repeat: no-repeat;
}