@charset "utf-8";

body { font-size: 12px; font-family: Arial, sans-serif;  }
#conteneur { background: url(/images/fond-conteneur.png); }

#inLineBas ul { width: 700px; }

#colGauche { border-right: 2px solid #FF0000; width: 205px; margin-right: 20px; padding-right: 7px;  }
#texteDroite { width: 600px; margin-left: 235px; }

#bloc2col .divligne { font-size: 12px; }

#bloc2col { width: 100%; }

.bouton { background: #0F3567; font-size: 12px; color: #FFF; }

a { color: #0F3567; }
h1 { font-size: 20px; color: #000; }

h2.sponsor { font-size: 16px; color: #000; }
input, select, textarea { font-size: 11px; }
.rouge { color: #FF0000; }
.bleu { color: #0F3567; }
th { background: #0F3567; color: #FFF; height: 25px; text-align: center; }
tr.odd td { border-bottom: 1px solid #ccc; height: 20px; }
tr.even td { border-bottom: 1px solid #ccc; height: 20px; }
.centre { text-align: center; }
td.bapteme a { text-decoration: none; }
td.sponsor a { text-decoration: none; }
td.sponsor span.skipper { font-size: 85%; font-style: italic; }
td.voile { font-size: 80%; }
td.club { font-size: 90%; padding-left: 2px; }
td.skipper { font-size: 95%; font-weight: bold; }
td.bateau { font-size: 75%; padding-left: 2px; }
td.tcc { font-size: 80%; color: #0F3567; }
td.pages { font-size: 90%; text-align: center; padding: 5px; }
td.maj { font-size: 85%; color: #777; text-align: center; padding: 15px; }

td.course { text-align: left; padding-left: 5px; }
td.place { font-size: 110%; font-weight: bold; text-align: center; } 
td.points { text-align: center; font-size: 90%; text-align: right; }
td.penalites { font-size: 90%; font-weight: bold; text-align: center; }

td.cagnard { font-size: 90%; text-align: center; }
td.tps { font-size: 90%; text-align: center; }
td.tpscompense { font-size: 90%; color: #0F3567; text-align: center; }

#texteDroite.resultats fieldset { min-height: 70px; }
#texteDroite.resultats legend { color: #000; }

.datemaj { color: #AAA; font-size: 80%; } /* maj des tables classements*/
#tarif { color: #FF0000; } /* prix inscription */

/* bourse */
.bourse #colGauche{ border-right: 2px solid #FF0000; width: 235px; margin-right: 20px; padding-right: 7px }
.bourse #texteDroite { width: 550px; margin-left: 205px;}
.bourse .contenu { font-size: 92%; text-align: justify; background: #eee; padding: 2px}
.bourse .cloturer { float: right; width: 100px; }
.bourse .cloturer a { text-decoration: none; font-size: 80%; }
.bourse fieldset legend { font-weight: bold; color: #FF0000 }
.bourse fieldset { border: 1px solid #0F3567; padding: 5px; }
.bourse .entete { width: 100px; color: #0F3567; float: left; }
.bourse .divligne { width: 98%; }
.bourse .divlignenoborder { line-height: 14px; width: 98%; }
.bourse #formsaisie .entete { width: 200px; color: #0F3567; float: left; }

/* années précédentes */
ul.precedentes li { list-style: square; color: #0F3567; padding-left: 0; margin-left: 10px; }

/* lignes */
.bateau { margin-left: 10px; }
.divligne { border-bottom: 1px solid #CCC; padding: 3px; line-height: 22px; width: 90%}
.divlignenoborder { border-bottom: none; padding: 3px; line-height: 22px; width: 90%}
.entete { width: 200px; color: #0F3567; float: left; }

.cadre { border: 1px solid #0F3567; width: 600px; padding: 5px }
.mentions { font-size: 80%; text-align: justify; line-height: 11px}

/* présentation champs form */
input.texte, textarea.texte { border: 1px solid #AAA; }
input.texte:hover, textarea.texte:hover { background: #FAFAFA; } /* survol */
input.texte:focus, textarea.texte:focus { border:1px solid #0F3567; background: #FAFAFA; } /* focus */
html* input.texte { border: 1px solid #7F9DB9; } /* hack couleur simple pour IE6-7 */