/*******************************************************************************
** Fichier     : style.css                                                    **
** Auteur      : FISCHER Michaël                                              **
** Créé le     : 05/08/2008                                                   **
** Version     : 1.0                                                          **
** Modif.      :                                                              **
********************************************************************************
** Description : Feuille de style générale                                    **
*******************************************************************************/

/**************************** MISE EN PAGE GENERALE ***************************/

/* MENU DE GAUCHE */

@import url("menu.css"); 

img
{
   border: none;
}

*
{
   margin: 0px;
   padding: 0px;
}

body
{
   padding: 5px 0px;
}

#contenu
{
   width: 1000px; /* Largeur du contenu */
   margin: 0px auto; /* Centre le contenu */
}

#entete
{
   height: 80px; /* Hauteur de l'en-tête */
}

#corps_wrapper
{
   float: left;
   width: 100%;
}

#corps
{
   margin-left: 170px; /* Marge de gauche = largeur de la colonne de gauche */
   margin-right: 10px;
   margin-top: 10px;
   margin-bottom: 10px;
   padding: 10px 10px; /* Marge interne */
}

#colonne_gauche
{
   float: left;
   width: 150px; /* Largeur de la colonne de gauche */
   margin-left: -1000px; /* Marge de gauche = -(largeur du contenu) */
   padding: 10px 10px 0px 10px; /* Marge interne */
}

#pied_de_page
{
   clear: left;
   width: 100%;
   padding: 4px 0px;
}


/************************************ STYLE ***********************************/

/* BODY */

body
{
   /* Couleur de fond */
   background-color: rgb(226, 226, 226);
   
   /* Fonte */
   color: black;
   font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
   font-size: 11pt;
}


/* CONTENEUR PRINCIPAL */

#contenu
{
   /* Bordure */
   border: 1px solid rgb(156, 161, 165);
   
   /* Couleur de fond */
   background-color: rgb(255, 255, 255);
}


/* ENTETE */

#entete
{
   /* Image de fond */
   background-image: url(images/entete_banniere.gif);
   
   /* Bordure du bas */
   border-bottom: 1px solid rgb(156, 161, 165);
}


/* ERREURS */

/* Bordure autour des erreurs */
div#erreurs, div#messages
{
   margin-bottom: 20px;
   padding: 5px 10px;
   border: 1px solid rgb(0, 0, 0);
}

/* Couleur et "style" d'une phrase d'erreur */
#erreurs
{
   color: red;
}

#messages
{
   color: blue;
}

/*ul
{
   margin-left: 25px;
}*/


/* CORPS */

#corps
{
   border: 1px dashed rgb(186, 181, 193);
}


/* COLONNE GAUCHE */

#colonne_gauche a:hover
{
   text-decoration: none;
}


/* PIED DE PAGE */

#pied_de_page
{
   /* Contenu centré */
   text-align: center;
   /* Bordure */
   border-top: 1px solid rgb(156, 161, 165);
}


/* TITRES et SOUS-TITRES */

h1.titre
{
   margin-bottom: 35px;
   font-size: 17pt;
   text-align: center;
}

h1#albums_photos, h1#photos_album, h1#details_photo
{
   margin-bottom : 5px;
}

h2
{
   margin-bottom: 10px;
   font-size: 14pt;
}

h2.sous_titre
{
   font-size: 15pt;
}

h2.sous_titre2
{
   margin-top: 20px;
}


/* LIENS */

a
{
   text-decoration: none;
   color: rgb(33, 104, 168);
}

a:hover
{
   text-decoration: underline;
}


/* LISTES */

li
{
   margin-left: 25px;
}


/* FORMULAIRES */

/* Erreur => mise en rouge */
input.erreur, textarea.erreur
{
   color: black;
   border: 1px solid rgb(255, 0, 0);
}

/* Marges des champs */
input, textarea, select
{
   /* Marges */
   margin-top: 2px;
   margin-bottom: 7px;
   /* Fonte */
   font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
   font-size: 10pt;
}
 
input:focus, textarea:focus /* Ne marche pas sur IE */
{
   background-color: rgb(220, 220, 220);
}

/*textarea
{
   width: 300px;
   height: 150px;
}*/

legend
{
   margin-left: 10px;
   font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
   font-weight: bold;
   color: rgb(33, 104, 168);
}

div.formulaire
{
   margin: 10px;
}

label
{
   font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
   font-size: 10pt;
}

span.obl
{
   margin-right: 5px;
   font-weight: bold;
   color: red;
}

input.text, input.password
{
   width: 150px;
}

button
{
   width: 100px;
}

button:hover
{
   cursor: pointer;
}

div.submit
{
   margin-top: 10px;
}


/* PAGES 'accueil', 'liste_equipes' */

div.accueil__message
{
   margin-bottom: 20px;
}

div#d_derniers_resultats
{
   margin-top: 10px;
}

table#t_derniers_resultats, table#t_liste_equipes
{
   border-spacing: 0px;
}

table#t_derniers_resultats td, table#t_liste_equipes td
{
   padding: 1px 5px;
   text-align: center;
}

tr.pair
{
   background-color: rgb(240, 240, 240);
}


/* PAGE 'inscription' */

input#numero
{
   width: 75px;
}


/* PAGE 'horaires' */

table#horaires_entrainements
{
   border-collapse: collapse;
}
table#horaires_entrainements td.b
{
   border-bottom: 1px solid black;
}
table#horaires_entrainements td.bd
{
   border-bottom: 1px dashed black;
}
table#horaires_entrainements td.l
{
   border-left: 1px solid black;
}
table#horaires_entrainements td.r
{
   border-right: 1px solid black;
}
table#horaires_entrainements th, table#horaires_entrainements td
{
   width: 115px;
   padding-left: 5px;
   padding-right: 5px;
}
table#horaires_entrainements th:first-child, table#horaires_entrainements .heure
{
   width: auto;
   padding-left: 0px;
}
table#horaires_entrainements td
{
   height: 10px;
}
table#horaires_entrainements td.heure
{
   height: 20px;
}
table#horaires_entrainements td.grise
{
   color: rgb(156, 161, 165);
}
table#horaires_entrainements td:last-child
{
   padding-right: 0px;
}
table#horaires_entrainements td.cours
{
   background-color: rgb(181, 213, 255);
}
table#horaires_entrainements .nom
{
   font-weight: bold;
}


/* PAGE 'emplacement' */

div#map
{
   margin-left: auto;
   margin-right: auto;
}


/* PAGE 'histoire' */

div.histoire
{
   margin: 20px 0px;
   text-align: center;
}


/* PAGES 'liste_membres', 'liste_entraîneurs' */

a.liste_membres, span.liste_membres
{
   margin: 0px 1px;
   font-size: 14pt;
}

p.membre, p.entraineur
{
   margin-top: 10px;
   padding: 5px;
   font-size: 10pt;
   border: 1px solid rgb(186, 181, 193);
}

p.membre span, p.entraineur span
{
   font-size: 12pt;
   font-weight: bold;
}


table#liste_membres
{
   border-spacing: 0px;
}

table#liste_membres td
{
   padding: 1px 5px;
   text-align: center;
}


/*********************************** AGENDA ***********************************/

/* PAGE 'agenda' */

table.annuel
{
   margin-right: 40px;
   margin-bottom: 20px;
}

table.agenda
{
   border-spacing: 0px;
}

table.agenda td
{
   padding: 2px 3px;
   font-size: 12pt;
   text-align: center;
}

table.agenda td p/*, table.agenda td a*/
{
   margin: -2px -3px;
   padding: 2px 3px;
}

table.agenda td p a
{
   display: block;
   margin: -2px -3px;
   padding: 2px 3px;
}

table.agenda td.evenement
{
   background-color: rgb(206, 73, 73);
}

table.agenda td.evenement p a
{
   color:white;
}

table.agenda th
{
   font-size: 12pt;
}

table.agenda td.infobulle span.titre
{
   display: block;
   text-align: center;
   margin-bottom: 20px;
   font-size: 14pt;
   font-weight: bold;
}


table.mensuel tr.jour td, table.mensuel tr.evenements td
{
   width: 114px;
}

table.mensuel tr.evenements td
{
   height: 70px;
   font-size: 9.5pt;
   text-align: left;
   vertical-align: top;
}

table.mensuel tr.jour td.jour
{
   background-color: rgb(232, 238, 247);
}

table.mensuel tr.bord_haut td
{
   border-top: 1px solid rgb(156, 161, 165);
}

table.mensuel tr td.bord_gauche
{
   border-left: 1px solid rgb(156, 161, 165);
}

table.mensuel tr.jour td
{
   border-right: 1px solid rgb(156, 161, 165);
}

table.mensuel tr.evenements td
{
   border-right: 1px solid rgb(156, 161, 165);
   border-bottom: 1px solid rgb(156, 161, 165);
}

table.mensuel tr.evenements td p.pair
{
   background-color: rgb(255, 200, 200);
}


/* PAGE 'ajout_evenement' */

input#d_debut, input#d_fin
{
   width: 70px;
}

input#h_debut, input#h_fin
{
   width: 40px;
}


/************************* CONTACTS (page 'contacts') *************************/

p.contact
{
   margin-top: 10px;
   padding: 5px;
   font-size: 10pt;
   border: 1px solid rgb(186, 181, 193);
}

p.contact span
{
   font-size: 12pt;
   font-weight: bold;
}


/************************* STATISTIQUES (page 'stats') ************************/

table#stats_connectes
{
   border-spacing: 0px;
}

table#stats_connectes td
{
   padding: 1px 2px;
   text-align: center;
}

table#stats_connectes th
{
   padding: 1px;
   text-align: center;
}

table#stats_connectes td.connecte
{
   background-color: rgb(33, 104, 168);
}


/* PAGE 'horaire_cours' */

div.jour
{
   margin-top: 15px;
   font-weight: bold;
}

table.horaire_cours
{
   border-spacing: 0px;
}

table.horaire_cours td
{
   padding: 1px 5px;
}

table.horaire_cours tr.pair
{
   background-color: rgb(240, 240, 240);
}


/* PAGE 'details_cours' */

div.gestion_cours
{
   margin-top: 20px;
}


/* PAGES DES ALBUMS PHOTOS ET DES PHOTOS D'UN ALBUM */

table#albums_photos, table#photos_album
{
   border-spacing: 0px;
   width: 100%;
}

table#albums_photos td
{
   text-align: center;
   width: 50%;
}

table#photos_album td
{
   text-align: center;
   width: 33%;
}

td.miniature img
{
   max-width: 200px;
   max-height: 200px;
   border: 1px solid rgb(0, 0, 0);
}

td.miniature img:hover
{
   border-color: rgb(189, 189, 189);
}

td.titre
{
   padding-top: 20px;
   padding-bottom: 5px;
}


/* PAGE 'details_photo' */

img.details
{
   max-width: 694px;
   max-height: 694px;
   border: 1px solid rgb(0, 0, 0);
}


/* PAGE 'poster_message' */

/*form#ajout_message textarea, form#modif_message textarea
{
   width: 400px;
   height: 200px;
}*/

div#indications
{
   padding: 5px;
   font-size: 10.5pt;
   border: 1px solid rgb(186, 181, 193);
}

table#smileys
{
   border-spacing: 0px;
}

table#smileys img, table#smileys span
{
   vertical-align: middle;
}

table#smileys span
{
   margin-left: 3px;
   margin-right: 8px;
}


/* MESSAGES */

div.message, div.evenement
{
   margin-top: 20px;
   border: 1px solid rgb(186, 181, 193);
}

div.message div.entete, div.evenement div.entete
{
   padding: 5px;
   background-color: rgb(240, 240, 240);
}

div.message div.entete, div.evenement div.entete
{
   border-bottom: 1px solid rgb(186, 181, 193);
}

div.message div.entete p.titre, div.evenement div.entete p.titre
{
   padding-left: 44px;
   font-size: 12pt;
   text-align: center;
}

/* Alignement à droite des images d'édition et de suppression de messages */
div.message p.modif, div.evenement p.modif
{
   float: right;
}

/* Marge entre les images d'édition et de suppression de messages */
div.message p.modif a, div.evenement p.modif a
{
   margin-left: 2px;
}

/* Style des images d'édition et de suppression de messages */
/*div.message p.modif a img, div.evenement p.modif a img*/p.modif a img, p.accueil a img
{
   border: none;
   height: 20px;
}


div.message div.entete .infos, div.evenement div.entete .infos
{
   font-size: 10pt;
}

div.message div.corps, div.evenement div.corps
{
   padding: 5px;
}

div.message img.profil, div.evenement img.profil
{
   float: right;
   margin-left: 5px;
   border: 1px solid rgb(186, 181, 193);
}

div.message p.texte, div.evenement p.texte
{
   font-size: 10pt;
}

div.message p.texte img, div.evenement p.texte img
{
   margin-top: -5px;
   height: 15px;
}

div.message p.modifier, div.message p.commentaire
{
   padding: 1px;
   font-size: 10pt;
   text-align: center;
   border-top: 1px solid rgb(186, 181, 193);
}


div.message div.commentaires > div
{
   padding: 5px 10px 10px 10px;
}

div.commentaires div.message
{
   margin-top: 5px;
}


/* INFOBULLES */

.infobulle a
{
   display: block;
   height: 100%;
   position: relative;
   z-index: 24;
}

.infobulle:hover a, .infobulle.sfhover a
{
   z-index: 25;
}

.infobulle a span.info
{
   display: none;
}

.infobulle:hover a span.info, .infobulle.sfhover a span.info
{
   display: block;
   position: fixed;
   bottom: 0px;
   left: 0px;
   width: 100%;
   /*height: auto;*/
   border-top: 1px solid black;
   background-color: white;
   color: black;
   text-align: justify;
   /*font-weight: none;*/
   padding: 5px;
   cursor: pointer;
}


/* TODO */

span.page
{
   margin-left: 2px;
}

span.numero
{
   margin-left: 2px;
   font-size: 14pt;
}


/* PAGE 'poster_message' */

span.txt_t
{
   font-size: 14pt;
   font-weight: bold;
}

span.txt_g
{
   font-weight: bold;
}

span.txt_i
{
   font-style: italic;
}

span.txt_o
{
   color: rgb(255, 165, 0);
}

span.txt_r
{
   color: rgb(255, 0, 0);
}

span.txt_v
{
   color: rgb(0, 255, 0);
}

span.txt_b
{
   color: rgb(0, 0, 255);
}


/* PAGE gestion_droits */

div#gestion_droits__navigation
{
   margin-bottom: 10px;
}

table.gestion_droits
{
   border-spacing: 0px;
}

table.gestion_droits td.infos, table.gestion_droits th.infos
{
   padding: 0px 5px;
}


/* TODO */

div#navigation
{
   margin-bottom: 15px;
   text-align: center;
}

.float_left
{
   float: left;
}

.float_right
{
   float: right;
}

.spacer
{
   clear: both;
}

.marge_bas_5
{
   margin-bottom: 5px;
}

.marge_bas_10
{
   margin-bottom: 10px;
}

.marge_bas
{
   margin-bottom: 20px;
}

.marge_haut_5
{
   margin-top: 5px;
}

.marge_haut_10
{
   margin-top: 10px;
}

.marge_haut
{
   margin-top: 20px;
}

.marge_droite_10
{
   margin-right: 10px;
}

.bold
{
   font-weight: bold;
}

p.indication
{
   margin-top: 20px;
}

.italique
{
   font-style: italic;
}

.exposant
{
   vertical-align: super;
   font-size: 9pt;
}

.size085
{
   font-size: 9.5pt;
}

.size09
{
   font-size: 10pt;
}

.size1_1
{
   font-size: 12pt;
}

.centre
{
   text-align: center;
}

.rouge
{
   color: red;
}

.rouge_silver
{
   color: rgb(206, 73, 73);
}

.gris
{
   background-color: rgb(240, 240, 240);
}