/*
Design rélaisé par Grég

1er maillot:
#bbe1eb pour la couleur bleue du maillot
#cd1313 pour le rouge

2eme maillot:
#34f0e1
#8b7a07
Titre:
Segoe Print

user: u39188928
mdp: clarcky
ftp: clochepieds.info
mdp: clarcky
changer l'adresse si je veux communiquer
*/

/* La page principale */

body
{
   width: 900px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;    
   background-image: url("images/body.jpg");
}

/* L'en-tête */

#en_tete
{
   width: 900px;
   height: 120px;
   background-position: 0px;
   /*background-image: url("images/en_tete.jpg");*/
   background-repeat: no-repeat;
   margin-bottom: 10px;
}

/* Le menu */

.menu
{
   float: left;
   width: 160px;
  
   background-image: url("images/menu.jpg");
   background-repeat: repeat-y;
   border: 1px solid black;
 
   margin-bottom: 20px;
}

/* Quelques effets sur les menus */

.menu h3
{    
   color: #34f0e1;/*#a611ab;*/
   font-family: Tahoma, Comic Sans MS, Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   line-height: 20px;
}

.menu ul
{
   list-style-type: none;
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px;
}

.menu a
{
   color: #8b7a07;
   font-family: Tahoma, Comic Sans MS, Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: 13px;
   text-decoration: none;
}

.menu a:hover
{
   font-weight: bold;
   font-style: italic;
   color: brown;
}

#titre_diapo
{
	color: grey;
	font-size: 11px;
	font-family: Tahoma, Comic Sans MS, Arial, "Arial Black", "Times New Roman", Times, serif;
	text-align: center;
	font-weight: bold;
}

/* Le corps de la page */

#corps
{
   margin-left: 180px;
   margin-bottom: 10px;
   padding: 5px;
   
   color: black;
   background-image: url("images/corps.jpg");
   background-repeat: repeat-y;
   font-family: Tahoma, Comic Sans MS, Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: 13px;
   
   border: 1px solid black;
}

#corps h1
{
   color: #8b7a07;
   text-align: center;
   font-size: 32px;
   font-family: Tahoma, Comic Sans MS, Arial, "Arial Black", "Times New Roman", Times, serif;
   background-repeat: no-repeat;
   background-position : top center;
   padding-top:8px;
}

#corps h2
{
   text-align: left;
   padding-top: 20px;
   padding-left: 30px;
   color: #404040;
   font-size: 18px;
   font-family: Tahoma, Comic Sans MS, Arial, "Arial Black", "Times New Roman", Times, serif; 
}

#corps h3
{
   text-align: left;
   padding-left: 20px;
   color: #A0A0A0;
   font-size: 15px;
   background-image: url("images/fleche.png");
   background-repeat : no-repeat;
   font-family: Tahoma, Comic Sans MS, Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps a
{
	text-decoration: none;
	color: #7F0000;
}

#corps a:hover
{
	text-decoration: none;
	color: #FF0000;
}

#corps ul
{
   list-style-image: url("images/puce.gif");
}

.res table /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
   border: 4px outset blue; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
}

.res th /* Les cellules d'en-tête */
{
   font-size: 1.1em;
   border: 1px solid black;
   padding: 5px;
}

.res td /* Les cellules normales */
{
   border: 1px solid black;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}

.cmde_diapo table
{
   border: 0px;
}

.cmde_diapo td 
{
   border: 0px;
   text-align: center;
   padding: 0px;
}

.F
{
	color: #ed3bc5;
	font-family: Tahoma, Comic Sans MS, Arial, "Arial Black", "Times New Roman", Times, serif;
}

.H
{
	color: blue;
	font-family: Tahoma, Comic Sans MS, Arial, "Arial Black", "Times New Roman", Times, serif;
}

.important
{
	color: blue;
	font-weight: bold;
	font-family: Tahoma, Comic Sans MS, Arial, "Arial Black", "Times New Roman", Times, serif;
}

.h2_clignotant
{
	height: 30px;
	background-repeat: no-repeat;
	padding-left: 30px;
	color: #8b7a07;
	text-align: left;
	text-decoration: blink;
	font-size: 24px;
	font-weight: bold;
}

.clignotant
{
	text-decoration: blink;
}

/* Le bouton de haut de page qui se trouve tout en bas */

#goto_haut_de_page
{
	margin-left: 485px;
	width: 110px;
	height: 50px;
	margin-bottom: 15px;
}

#goto_haut_de_page a
{	
	text-decoration: none;
	color: black;
}

#goto_haut_de_page a:hover
{
	color: #8b7a07;
}


/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
	margin-left: 180px;
	width: 720px;
	height: 20px;
   
	/*background-position : bottom center;*/

	text-align: center;
	font-family: Tahoma, Comic Sans MS, Arial, "Arial Black", "Times New Roman", Times, serif;
}

/* Le formulaire */

input, textarea
{
   font-family: Tahoma, Comic Sans MS, Arial, "Arial Black", "Times New Roman", Times, serif;
}
 
input:focus, textarea:focus /* Quand le curseur est sur un champ (ne marche pas sur IE) */
{
   background-color: #ffffdf;
}
 
label
{
   color: blue; /* Colorer en bleu tous les labels */
}
 
legend /* On met un peu plus en valeur les titres des fieldset */
{
   font-family: Tahoma, Comic Sans MS, Arial, "Arial Black", "Times New Roman", Times, serif;
   color: #8b7a07;
   font-weight: bold;
}
 
fieldset
{
   margin-bottom: 15px; /* Une marge pour séparer les fieldset */
}