/*/////////////////////*/
/* Styles pour le site */
/*  d'Ozoir Triathlon  */
/*/////////////////////*/


/* Pour ne pas afficher la boundingbox de selection! */
:focus {
 outline: 0;
}

/* Proprietes de base */
body {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10pt;
text-align: center;
margin: 0px;
padding: 0px;
border-style:hidden; 
background-color:black;
color: white;
/*********************/
}

/*///////////////////*/
/* Styles des cadres */
/*///////////////////*/

/* Cadre visible durant le chargement */
#chargement {
text-align: center;
margin: 10px auto 10px auto;
display: block;
}


/* Le cadre general */
#cadre {
  width: 1024px;
  text-align: center;
  margin: 0 auto 0 auto;
  border: solid 1px #3d3d3d;
}

#cadre2
{
  display: none; /* non active au chargement */

  /*position: relative; */
  margin: 0;
  border: solid 3px white;
}

/* Le pied de page */
#pied {
  color: white;
  position: relative;
  margin: 0 auto 0 auto;
  font-size: 14px;
  font-style: italic;
  text-align: center;
}


/* L'en-tete */
#entete {
 height: 200px;
 background-image: url("../images/en-tete/bandeau-ozoir-tri.jpg");
 background-repeat: no-repeat;
 border: solid 3px white;
}

#zone_login {
 float:right;
 width:186px;
 margin:1% 5px;
 padding:2px;
 text-align:center;
 border: solid 1px #3D3D3D;
 background: black;
}

#zone_login label {
 font-size: 8pt;
 float: left;
 text-align: center;
 width: 80px;
 color: #868686;
}

#zone_login input {
 margin-left: 2px;
 margin-right: 2px;
 font-size: 8pt;
 text-align: left;
 width: 90px
}

#zone_login #login {
 float:none;
 clear:both;
 margin-top: 10px;
 margin-bottom: 10px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 width: 100px;
 color: #868686;
}

#entete-date {
 margin:0;
 margin-top: 170px; /*95px;*/
 margin-left: 580px; /*380px;*/
 text-align: left;
 padding:0;
 color: black;
 font-size: 10pt;
 font-weight:bold;
 border: none;
}

#zone_cpt_visites {
 margin: 5px auto 0 auto;
 padding: 0;
 text-align: center;
 vertical-align:middle;
 font-size: 12px;
 color: white;
 background-color: black;
 border: none;
}

#cpt_an {
 color: #ddc678;
}

#cpt_jour {
 color: #FFFF00;
}

#cpt_vis {
 color: #00A4FA;
 text-decoration: blink;
}

#cpt_vis_membre {
 color: #00A4FA;
 text-decoration: underline;
}

#anim-entete
{
 display: none; /* non active au chargement */

 color: white;
 text-align: left; 
 margin:3px 0 0 3px;
 padding:0;
}

#anim-entete #anim1
{
 margin-left: 40px;
}

#anim-entete #anim2
{
 margin-left: 40px;
}


.separation
{
 clear: both;
 margin: 0;
 padding: 0;
 visibility: hidden;
}

/*///////////////////////////*/
/*        Les MENUS          */
/*///////////////////////////*/

/* Menu horizontal */
#menu_horiz_pub
{
 display: inline;
 text-align:left;
 list-style-type:none;
 list-style-position: outside;
 margin: 0;
 padding: 0;
}

#menu_horiz_pub a
{
 width:150px;
 padding:0;
 margin:0; 
}


#menu_horiz_pub li
{
 width: 160px;
 display: inline;
 margin-left: 5px;
 margin-right: 5px;
 padding: 0;
}

#menu_horiz_pub #b6
{
  margin-left: 30px;
}

#menu_horiz_pub #b8
{
  margin-left: 100px;
}


/* Cadre Verticale des menus */
#menu {
 margin: 2px 0;
 width: 150px;
 padding: 0;
 float:left;
}

/* Menu publique */
#menu_pub {
 margin: 0;
 padding: 0px;
}

#menu_pub ul, #menu_pub li
{
 list-style-type: none;
 list-style-position: outside;
 margin: 0;
 padding: 0;
}


/* Menu privé */
#menu_priv {
 text-align: left;
/* width: 124px;*/
 margin: 5px 0;
 padding: 0;
 background-color: black;
 color: white;
}

#menu_priv ul{
 width: 150px;
 list-style-type: none;
 list-style-position: outside;
 margin: 0 auto 0 auto;
 padding: 0px;
 color: white;
 background-color: #C02000;
}

#menu_priv li{
 list-style-type: none;
 list-style-position: outside;
 margin: 0px;
 padding: 1px 2px 1px 2px;
 background-color: black;
}

#menu_priv a{
 display:block;
 text-align: center;
 line-height: 50px;
 background-color: #00A4FA;
 color:#FFFF00;
}

#menu_priv a:hover {
 background-color: #00A4FA;
 color:white;
}

#menu_priv a:active {
 color: #00A4FA;
 background-color: #FFFF00;
}

#menu_priv #sel_cour
{
 line-height: 50px;
 text-align: center;
 margin: 0px;
 padding:0px;
 background-color: #FFFF00;
 color:#00A4FA;
}

/*////////////////////*/
/* La zone de données */
/*////////////////////*/

#contenu {
 text-align: center;
 border: 0;
 margin: 0;
 margin-left: 150px;
 padding: 2px;
 color: white;
 border-left: solid 3px white;
}

/* Barre d'outils des application */
#barre_outils {
 text-align: left;
 background: black;
 color: #C02000;
}

#barre_outils img{
 border: none;
 margin: 2px 0px 0px 2px;
}

/* zone de donnees des applications */
#zone_donnees {
 color: #3d3d3d;
 text-align: center;
 margin:0;
 padding:0;
}

       /*////////////////////*/
       /* Page d'accueil     */
       /*////////////////////*/

/* Zone contenant l'image centrale de la page d'accueil */
#zone_bienvenue {
 text-align: center;
 float: left;
 width: 400px;
 height:300px;
 margin: 2px 0;
 padding: 0;
 border: solid 1px #ddc678;
}

/* Zone d'info deroulante */
#zone_infos {
 text-align: justify;
 overflow: hidden;
 height: 300px;
 width:455px;
 margin-top: 2px;
 margin-left: 404px;
 padding:0;
 border: solid 1px #ddc678;
}

#titre_zone_infos {
 display: block;
 text-align: center;
 margin: 0;
 color: #3d3d3d;
 background-color: #ddc678; 
 font-size: 20px;
 font-style: italic;
}

#zone_infos marquee {
 height:300px;
 width:450px;
 padding:2px;
 margin: 0px;
 text-align: justify;
 color: white;
}

#zone_forum {
/* clear:both; */
 margin: 0;
 padding:0;
 text-align: center;
}

#zone_meteo {
 width:859px;
 text-align: center;
}

#cont_8c6e824ece55295050c41a69b393f6fb{
 margin-left: auto;
 margin-right: auto;
}



      /*////////////////////*/
      /* Page entrainement  */
      /*////////////////////*/

.cadreEntr
{
  margin: 2px 2px 0 2px;
  padding: 0;
}

           /*/////////////////////*/
           /*      Les Saisons    */
           /*/////////////////////*/

#zone_choix {
 float: left;
 width: 25%;
}

#zone_affichage_mode_individuel {
 margin:0;
 margin-bottom: 1px; 
 padding:0;
 border: dotted 1px #ddc678;
}

#zone_choix_saisons {
 margin:0;
 padding:0;
 border: dotted 1px #ddc678;
}

#zone_evts_saison {
 margin-left: 21%;
/* border: solid 1px blue;  */
}

#tableau_triathletes {
 color: #ddc678;
}

#tableau_triathletes td.licencie_ozoir{
 border: solid 1px #ddc678;
}

#tableau_triathletes td.non_licencie_ozoir img{
 
}

#tableau_saisons {
 background: #C02000;
 border: solid 1px black;
}

#tableau_saisons td{
 height: 50px;
 text-align: center;
 border: solid 1px #ddc678;
 background-image: url("../images/fonds/fond1.gif");
 background-repeat: repeat-x;
}

#tableau_saisons a {
 display:block;
 color: #ddc678;
 line-height: 50px;
}

#tableau_saisons a:hover {
 color: white;
}

#tableau_evenements {
/* width: 80%;*/
 color: #ddc678;
 background: #C02000;
 border: solid 1px black;
}

#tableau_evenements_individuel {
 color: #ddc678;
 background: #C02000;
 border: solid 1px black;
}

#tableau_evenements_individuel td{
 height: 50px;
 background-image: url("../images/fonds/fond1.gif");
 background-repeat: repeat-x;
}

#tableau_evenements_individuel td.commentaire{
 text-align: left;
 background-image: none;
 color: white;
}


#tableau_evenements td{
 height: 50px;
 background-image: url("../images/fonds/fond1.gif");
 background-repeat: repeat-x;
}

#tableau_evenements td.evenement{
 width: 80%;
 border: none;
 border-bottom: solid 1px #ddc678;
}

#tableau_evenements td.date{
 width: 10%;
 color: #ddc678;
 text-align: center; 
 border-bottom: solid 1px #ddc678;
}

#tableau_evenements td.lien{
 padding: 0;
 margin:0;
 width: 10%;
 background: black;
 text-align: center;
 line-height:100%;
 border-bottom: solid 1px #ddc678;
}

#tableau_evenements td.lien img{
 margin-top:1px;
 padding:0;
}

#tableau_evenements a {
 display:block;
 color: #ddc678;
 line-height: 50px;
}

#tableau_evenements a:hover {
 color: white;
}

#tableau_course {
 width: 80%;
 background: #C02000;
 font-size: 12pt;
 border: solid 1px black;
 table-layout:fixed;
}

#tableau_course th {
 text-align: center;
 color: #ddc678;
 background: black;
}

#tableau_course td {
 font-size: 10pt;
 text-align: left;
 vertical-align: top;
}

#tableau_course td.prenom {
 color: #FFAA00;
 text-align: center;
 width:60px;
}

#tableau_course td.nom {
 color: #FFAA00;
 text-align: center;
 width:60px;
}

#tableau_course td.commentaire {
 border: solid 1px #FFAA00;
 padding-left: 2px;
 color: white;
}

#tableau_course td.photo {
 padding:0;
 margin:0;
 text-align:center;
 vertical-align: middle;
 line-height:100%;
 height: 100%;
 background: #C02000;
}

#tableau_course td.photo img{
 margin:0;
 padding:0;
 border: solid 1px black;
}

           /*/////////////////////*/
           /*      L'Annuaire     */
           /*/////////////////////*/

/* Liste des membres dans l'annuaire */
.annuaire_liste_membres{
 text-align: left;
 font-size: 10pt;
 margin: 0 auto 10px auto;
 padding: 0;
 border: none;
 background: white;
}

.annuaire_liste_membres caption{
 /*width: 100%;*/
 margin: 0 auto 1px auto;
 padding: 0 5px;
 height: 50px;
 text-align: left;
 line-height: 50px;
 color: #ddc678;
 border: solid 1px #ddc678;
 background-image: url("../images/fonds/fond1.gif");
 background-repeat: repeat-x;
}

.annuaire_liste_membres td{
 color: #3D3D3D;
 text-align: left;
 margin:0px;
 padding: 0px 2px 0px 2px;
 border: solid 1px black;
}


#photo_membre{
 margin:auto;
 padding:0;
 text-align: center;
 vertical-align:middle;
 color: white;
 width: 100px;
 height: 110px;
 background:white;
}

#photo_membre img{
 border: solid 1px black;
 background:white;
}



           /*/////////////////////*/
           /*      Le Forum       */
           /*/////////////////////*/


/* L'arborescence des articles */
/*/////////////////////////////*/

#forum_liste_articles {
 overflow: auto;
 /*width: 619px;*/
 width: 710px;
 margin: 0px;
 color: white;
 font-size: 12pt;
 padding: 0px;
 text-align: left;
 background-color: black;
}

#forum_liste_articles td{
 margin: 0px;
 padding: 0px 0px 0px 2px;
}

#forum_liste_articles a{
 text-decoration: none;
 color: white;
}

#forum_liste_articles img{
 border: none;
 margin: 0px;
}

#article_sujet {
 background-color: #00A4FA;
}

#article_sujet a {
 color: #FFFF00;
}

#article_paire {
 background-color: #C02000;
}

#article_impaire {
background-color: black;
}

#sep_article {
 text-align: center;
 background: #ECECEC;
 color: #3D3D3D;
}


/* styles pour l'affichage d'un article */
/*//////////////////////////////////////*/
#entete_article {
 background-color: #C02000;
 width: 619px;
}

#titre_entete {
 /*color: #FFFF00;
 background-color: #00A4FA;*/
 text-align: right;
 padding-right: 4px;
 width: 70px;
}

#titre_article {
 font-style: italic;
 color: #FFFF00;
 background-color: #00A4FA;
 text-align: left;
 padding-left: 4px;
}

#input_titre_article {
 margin: 2px 0px 2px 4px;
}



#auteur_entete {
 color: #00A4FA;
 background-color: #FFFF00;
 text-align: right;
 padding-right: 4px;
}

#auteur_article {
 font-style: italic;
 color: #00A4FA;
 background-color: #FFFF00;
 text-align: left;
 padding-left: 4px;
}

#date_entete {
 color: #FFFF00;
 background-color: #00A4FA;
 text-align: right;
 padding-right: 4px;
}

#date_article {
 font-style: italic;
 color: #FFFF00;
 background-color: #00A4FA;
 text-align: left;
 padding-left: 4px;
}

/* Zone d'affichage d'un article */
#contenu_article {
 font-size: 14px;
 font-family: sans-serif; 
 overflow: scroll;
 text-align: left; 
 width: 500px;
 height: 200px;
 margin: 2px 0px 2px 0px;
 padding: 0px 0px 0px 4px;
 background-color: #ECECEC;
 color: #3D3D3D;
}

/* Zone d'affichage d'un article */
/* Dans la page de creation de la reponse */
#vue_reponse {
 font-size: 14px;
 font-family: sans-serif; 
 overflow: scroll;
 text-align: left; 
 width: 500px;
 height: 100px;
 margin: 2px 0px 2px 0px;
 padding: 0px 0px 0px 4px;
 background-color: #ECECEC;
 color: #3D3D3D;
}

/* zone d'ecriture d'un article */
#zone_msg_article {
 font-size: 14px;
 font-family: sans-serif; 
/* overflow: scroll;*/
 text-align: left; 
 width: 99%;
 height: 400px;
 margin: 2px 0px 2px 0px;
 padding: 0px 0px 0px 4px;
 background-color: black;
 color: #ddc678; /*white; */
}

           /*//////////////////////////////*/
           /*      Le Forum    VERSION 2   */
           /*//////////////////////////////*/

#indexForum, #listeSujets{
 width: 100%;
 border: 1px solid #ddc678;
}

.reponse {
 width: 100%;
 border: 1px dotted #ddc678;
}

#messages {
 width: 100%;
 background-color: #3d3d3d;
 border: 1px solid #ddc678;
}


#indexForum {
 float: left;
}

.reponse {
 margin-top: 5px;
 color: white;
}

#indexForum th, #listeSujets th{
 height: 50px;
 text-align: center;
 color:#ddc678;
 border: 1px solid #3d3d3d;
 background-image: url("../images/fonds/fond1.gif");
 background-repeat: repeat-x;
}

#messages th, .reponse th{
 height: 50px;
 text-align: justify;
 padding-left: 2px;
 color:#ddc678;
 background-image: url("../images/fonds/fond1.gif");
 background-repeat: repeat-x;
}

#messages th, .reponse th{
 color: white;
}

#indexForum td, #listeSujets td{
 height: 50px;
 text-align: center;
 color:#ddc678;
 border: 1px solid #3d3d3d;
}

#indexForum td.derniere_reponse{
 color:white;
}

#messages td, .reponse td{
 text-align: justify;
 padding-left: 2px;
 color:#ddc678;
}

#listeSujets td.sujet{
 text-align: left;
 padding-left: 2px;
}

#listeSujets td.derniere_reponse{
 color:white;
}

#listeSujets td.sujet a{
 display: block;
 color:#ddc678;
}

#listeSujets td.sujet .titre_date{
 color:white;
}

#indexForum .indexForumCategorie a{
 line-height: 50px;
 display: block;
 text-decoration: underline;
 color:#ddc678;
}

#indexForum .indexForumCategorieInterdit a{
 line-height: 50px;
 display: block;
 text-decoration: none;
 color:#c02000;
}

#indexForum caption{
 color: #3d3d3d;
 font-size: 20px;
 font-style: italic;
}

form.forum
{
 margin-top: 20px;
 margin-left: auto;
 margin-right: auto;
 width: 99%;
 color: #ddc678;
 background: #3d3d3d;
 border: 1px solid #ddc678;
}

form.forum legend
{
 color: #ddc678;
}

          /*///////////////////////////*/
          /*      Administration       */
          /*///////////////////////////*/

.formulaire_admin {
  background: #3D3D3D;
  color: white;
  width: auto;
  margin: 0;
  padding:2px;
  border: solid 1px black;
}

          /*///////////////////////////////////////*/
          /*      Administration des Saisons       */
          /*///////////////////////////////////////*/

#tableau_admin_saisons {
 background-color: #00A4FA;
 width: 20%;
}

          /*///////////////////////////////////////*/
          /*      Administration des Evenements    */
          /*///////////////////////////////////////*/

.input_modifiable {
 background-color: #00A4FA;
 color: white;
}

#tableau_admin_evts {
 text-align: left;
 background-color: #00A4FA;
 width: auto;
}

#tableau_admin_evts a{
 color: white;
}


#tableau_select_saison {
 width: 10%;
}

#tableau_select_evts{
 text-align: left;
}

          /*///////////////////////////////////////*/
          /*      Administration des Courses       */
          /*///////////////////////////////////////*/

#tableau_admin_courses {
 text-align: left;
 background-color: #00A4FA;
 width: auto;
}

#tableau_admin_courses a{
 color: white;
}

#select_type_course
{
  font-size: 16px;
  width: 80%;
  background: #00A4FA;
  color: #FFFF00;
}

#select_participant
{
  font-size: 16px;
  width: 50%;
  background: #00A4FA;
  color: #FFFF00;
}

#select_ordre_affichage
{
  font-size: 16px;
  background: #00A4FA;
  color: #FFFF00;
}

#commentaire_participant
{
  overflow:scroll;
  font-size: 16px;
  width: 80%;
  height: 100px;
  background: #00A4FA;
  color: #FFFF00;
}

#tableau_admin_participants {
 text-align: left;
 background-color: #00A4FA;
 width: auto;
}

#tableau_admin_participants a{
 color: white;
}

#select_fic_res {
  margin:0;
  padding:0;
  font-size: 16px;
  background: #00A4FA;
  color: #FFFF00;
}

          /*//////////////////////////////////////////////////*/
          /*      Administration des Photos des Courses       */
          /*//////////////////////////////////////////////////*/

#conteneur_images {
  margin: auto;
  width: 500px;
  height: 300px;
  border: solid 1px #ddc678;
}

#liste_photos {
  margin: auto;
  width: 420px;
  height: 300px;
  overflow: auto;
}

#liste_vignettes {
  margin: auto;
  width: 70px;
  height: 300px;
  overflow: auto;
}

#tableau_index_photos {
  margin: auto;
  width: 90%;
  border: none;
}

#tableau_info_photo {
  color: #ddc678;
  margin: auto;
  width: 80%;
  border: solid 1px #ddc678;
}

.cell_menu {
  background: #3D3D3D;
  text-align: left;
}


          /*////////////////////////////////////////////////*/
          /*      Administration de la page d'accueil       */
          /*////////////////////////////////////////////////*/

#tableau_admin_msg_accueil {
 font-size: 12px;
 text-align: left;
 background-color: #00A4FA;
 width: auto;
}

#tableau_admin_msg_accueil a{
 color: white;
}

#message_accueil {
 width: 90%;
 height: 100px;
 overflow: scroll;
}

/* Styles a utiliser  pour les messages de la page d'accueil */
.rouge {
  color: #C02000;
}

.bleu {
  color: #00A4FA;
}

.jaune {
  color: #FFFF00;
}

.vert {
  color: #00FF00;
}

.dore {
  color: #ddc678;
}

.tailleG {
  font-size: 22px;
}

.tailleM {
  font-size: 20px;
}

.tailleP {
  font-size: 10px;
}

.souligne {
  text-decoration: underline;
}

.clignote {
  text-decoration: blink;
}
/* ----------------------------------------- */


/*/////////////////////*/
/* Styles des elements */
/*/////////////////////*/

.erreur-droits,
.erreur-requete
{
  color: red;
  text-align: left;
  text-decoration: blink underline;
}

.exec-ok
{
  color: #ddc678;
  text-align: left;
  text-decoration: none;
}

.glisseG 
{
  float: right;
}

.glisseD 
{
  float: left;
}

.glisseSans 
{
  clear: both;
}

.centre
{
 text-align: center;
}

.margTop40
{
 margin-top: 40px;
}


img {
 border: none;
}

h1 {
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 20px;
 font-style: italic;
 color: #3d3d3d;
 background: #ddc678;
 width: 60%;
 margin-left: auto;
 margin-right: auto;
 padding: 0;
}

h1.large {
 width: 80%;
}

h2 {
 font-size: 16px;
 font-style: italic;
 width: 50%;
 margin-left: 25%;
 margin-right: auto;
 text-align: center;
 color: #ddc678;
 border-top: solid 2px #ddc678;
}

h3 {
 font-size: 14px;
 font-style: italic;
 width: 40%;
 margin-right: 10px;
 margin-left: auto;
 text-align: center;
 color: #ddc678;
 border-right: solid 2px #ddc678;
 border-bottom: solid 2px #ddc678;
}

h4 {
 font-size: 14px;
 font-style: italic;
 width: 40%;
 margin-right: auto;
 margin-left: 10px;
 text-align: center;
 color: #ddc678;
 border-left: solid 2px #ddc678;
 border-bottom: solid 2px #ddc678;
}

.gauche {
  margin: 0px 6px 0px 6px;
  text-align: justify;
}

.large_rouge {
  border: solid 1px black;
  font-size: 16pt;
  color: #C02000;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

a {
 text-decoration: none;
 color: #00A4FA;
}

/* Les listes */
ul, li {
 list-style: square;
 list-style-position: inside;
 text-align: left;
 color:white;
}

/* les tableaux */
table {
/* text-align: center;*/
 margin-left: auto;
 margin-right: auto;
 width: 70%;
 border: solid 1px #3D3D3D;
}

table caption {
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 color: black;
 background-color: #ddc678;
}

.liens_partenaires
{
 width: 90%;
 margin-left: auto;
 margin-right: auto;
 text-align: left;
}

.liens_partenaires td
{
 vertical-align: top;
}


/* les paragraphes */
p 
{
 text-align: justify;
 margin: 0;
 padding: 0;
}