/* Ceci est un fichier CSS qui contient le style du site de L'AOT Natation.
   Il existe unautre fichier pour le forum ("forum.css") et pour le design ("design.css")
   Créé par Benjamin Le Roux (21-11-2005)
*/

body /* Valable pour toute la page*/
{
  font-family: "Times New Roman", Arial, "Arial Black", Times, serif;
  width: 	1000px; /* Largeur de la page */
  margin: 	auto; /* Pour centrer notre page */
  margin-top: 	20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
  margin-bottom: 20px;    /* Idem pour le bas du navigateur */
  background:	rgb(198,226,255);;
}

#en_tete
{
  width: 	1000px;
  background: 	url("../images/banniere.jpg");
  background-repeat:no-repeat;
  margin: 	auto;
  text-align: 	right;
  padding: 	0px;
  padding-top: 100px;
}

#menu
{
  float: 	left; 
  width: 	140px; 
  font-family: 	"Times New Roman", Arial, "Arial Black", Times, serif;
  padding: 	0px;
  margin:  	0px;
  /*border: 	1px solid black;*/
}

#menu h3
{    
  color: 	black;
  text-align: 	left;
  font-family: 	"Times New Roman", Arial, "Arial Black", Times, serif;
  padding: 	0px;
  margin:  	0px;
}

#menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
  padding: 	0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
  padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
  margin: 	0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
  margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
}

#menu a, #menu a:active,  #menu a:focus, #menu a:visited
{
  color: 	black;
  text-decoration: none;
}

#menu a:hover
{
  font-weight:	bold;
  text-decoration: underline;
}

#droite
{
  float: 	right; 
  width: 	140px; 
  font-family: 	"Times New Roman", Arial, "Arial Black", Times, serif;
  padding: 	0px;
  margin:  	0px;
  border: 	1px solid black;
}

#droite h3
{    
  color: 	red;
  text-align: 	center;
  font-family: 	"Times New Roman", Arial, "Arial Black", Times, serif;
  padding: 	0px;
  margin:  	0px;
  text-decoration: blink;
}

#corps
{
  margin-left: 	140px; /* 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: 	5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
  width: 	700px;
  /*border: 	1px solid black;*/
}

#corps a
{
  color: 	blue;
  font-style:	italic;
  text-decoration: none; /* pas de soulignage*/
}

#corps a:hover
{
  font-weight:	bold;
  text-decoration: underline;
}

#corps a:visited 
{
  color: navy;
}

#pied_de_page
{
  clear: both;
  padding: 	5px;
  text-align: 	center;
  color: 	black;
  font-size:	0.6em;
}

#pied_de_page p
{
  text-align: 	center;
  color: 	black;
}

#pied_de_page a
{
  color: 	blue;
  text-decoration: none;
}

#pied_de_page a:hover
{
  font-weight:	bold;
  text-decoration: underline;
}

#pied_de_page a:visited 
{
  color: navy;
}


#pied_de_page .acces_rapide a
{
  text-decoration: underline;
}

h1 /* Titre de 1er ordre */
{
  color: 	black;
  font-size:	1.5em;
  font-family:	"Trebuchet MS","Arial black",Arial,serif;
  text-align:	center;
  border-bottom: 2px solid black;
}

h2 /* Titre de 2ème ordre */
{
  color: 	red;
  font-size:	1.2em;
  font-family:	"Comic Sans MS","Arial black",Arial,serif;
  text-align:	center;
  text-decoration: underline;
}

h3 /* Titre de 3ème ordre */
{
  color: 	black;
  font-size:	1.1em;
  font-family:	"Comic Sans MS","Arial black",Arial,serif;
  text-align:	center;
  clear:	both;
}

p /* Paragraphe*/
{
  color: 	black;
  font-size:	1em;
  text-align:	justify;
}

a:hover
{
  font-weight:	bold;
  text-decoration: underline;
}

a:visited 
{
  color: navy;
}

a img /* Toutes les images contenues dans un lien */
{
  border: 	none;
}

.legende /* Légende en dessous des photos et des tableaux */
{
  color: 	black;
  font-size:	0.8em;
  font-family:	"Times New Roman","Arial black",Arial,serif;
  text-align:	center;
  font-weight:	bold;
}

table
{
  border-collapse: collapse;
  margin: auto;
  margin-bottom: 20px;
  text-align:	center;
  vertical-align: top;
}

td, th
{
  border: 	1px solid black;
}
.pasdebordure
{
  border: 	0px;
  text-align:	justify;
}
caption /* Titre du tableau */
{
  margin: 	auto;
  font-weight: 	bold;
  font-size: 	1em;
  color: 	black;
  caption-side:	bottom;
}

.date_news
{
  text-align:	center;
  text-decoration: underline;
  vertical-align: top;
  width: 	150px;
}

.titre_news
{
  text-decoration: underline;
  vertical-align: top;
}

.justifie
{
  text-align:	justify;
}

.delasaisonencours
{
  font-weight: 	bold;
  color: 	red;
}

.centre
{
  text-align:	center;
}

img
{
	text-align:		center;
}

.form_valid /* Pour les petits textes quand un champs de formulaire est non valide */
{
  font-size: 	0.8em;
  color:	red;
}

.date_photo
{
  text-align:	center;
  text-decoration: underline;
  width: 	150px;
}

.vitrine_photo img
{
  width: 	200px;
}

.table_photo img
{
  width: 	160px;
}

.taille_reduite
{
  font-size: 	0.6em;
}