table
{
 border-collapse : collapse;
 margin : 10px;
}
td,th
{
  font-family : arial;
  border : 1px solid #dddddd;
  padding : 6px;
  font-size : 12px;
}
th
{
 font-weight : bold;
 background-color : #aabbcc
} 
 
 
html,
body {

  
}

body {
  margin: 0;
  padding: 0;
  text-align: center;
  font: 400 0.7em verdana, arial, sans-serif;
  line-height: 170%;
  color: #555;
 /* background: url(../images/bg/diagonal.gif) repeat-y top center; */
/*  background-image: url(../images/bg/diagonal.gif); */
}
/*
div#body
{
 background: url(../images/bg/light_body.gif) repeat-y top center;
  margin: 0;
  padding: 0;

  height: 100%;
}
*/
/* Headers */
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 10px 0;
  padding: 0;
}


h1 {
  padding-bottom: 0.2em;

  font: 400 1.6em arial, sans-serif;
  color: #536C71;
  border-bottom: 12px solid #ddd;
}

h2 {
  font-size: 1.2em;
  color: #586B7A;
}

h3 {
  text-transform: uppercase;
  font-size: 0.9em;
  color: #5D6F73;
}

h4 {
  font-size: 0.85em;
}
h4.recherche
{
  margin : 3px;
  margin : 10px;
  border-bottom : 1px dotted #cccccc;

}
h5 {
  font-size: 0.8em;
}


/* Needed to horizontally pad in a coloured container */
.horzPad h1,
.horzPad h2,
.horzPad h3,
.horzPad h4,
.horzPad h5,
.horzPad p {
  padding-left: 5px;
  padding-right: 5px;
}


/* Links */
a {
  text-decoration: none;
  color: #3B5D77;
}

a:hover {
  color: #668FA3;
}

a img {
  border: 0;
}

a img.border {  
  border: 1px solid #FC3307;
}

a:hover img.border {  
  /* Fixes IE bug - IE doesn't correctly apply the style on a:hover so need to mask it */
  border: 1px solid #668FA3 !important;
  border: 1px solid #FC3307;
}



/* Images */
img.floatRight {
  margin: 5px 0 10px 10px;
}

img.floatLeft {
  margin: 5px 10px 10px 0;
}



/* Lists */
ul li {
  list-style-image: url(../images/bg/submenu1.gif);
}

ol li {
  font-weight: bold;
  color: #668FA3;
}

ol li span {
  font-weight: normal;
  color: #444;
}



/* Blockquote */
blockquote {
  margin: 0;
  padding: 0 20px;
  background: #E7F1F3;
  border-top: 1px solid #AAD3DB;
  border-bottom: 1px solid #AAD3DB;
}



/**************************************************************
   Form Elements
 **************************************************************/

form {
  padding: 0;
  margin: 0;
}
 fieldset 
{

  border: 1px solid #dddddd;
  margin: 5px;
  width:70%;
  text-align : right;
}
/* If you're finding the input elements get pushed down, increase the width */
 label {
 display : block;
 /*  float: left; */
  width: 100%;
  vertical-align: top;
}


 label.finLigne
{
  clear:both;
}
 label.grand
{
  width : 250px;
}

 form img.form
{
clear : both;
display : block;
margin : 10px;
background-color : #cccccc;
padding:4px;
}
 input,
 textarea,
 select {
  padding: 1px;
  font: 400 1em verdana, sans-serif;
  color: #999;
  background: #EEE;
  border: 1px solid #CCC;
}


 textarea
{
  width : 100%;
  height: 300px;
}


 input:focus,
 input:hover,
 textarea:focus,
 textarea:hover,
 select:focus,
 select:hover {
  color: #000;
  background: #E7F1F3;
  border: 1px solid #888;
}

 input.noBorder,
 input:focus.noBorder,
 input:hover.noBorder {
  padding: 0;
  border: 0;
}
 input.texte
{
  width : 100%;
}
 input.button {
  padding: 2px;
  margin-top : 10px;
  margin-right : 20px;
  font: 400 0.8em verdana, serif;
  cursor: pointer;

  color: #fff;
  background: #FC3307;
  border-width: 1px;
  border-style: solid;
  border-color: #FF7800 #691300 #691300 #FF7800;
}

 input.radio {
  background: none;
  border: 0px;
}

/*  //////////////////////////////////////////////////////////////////////////////////   resultat de course  */


form.regate  fieldset
{
  width:98%; 

}

form.regate label
{
  width : 200px;
  margin : 5px;
  float:left;
  border: 1px solid #dddddd; 
  text-align : right;
}
form.regate input
{
  margin-left : 5px;
  width : 50px;
}
form.regate select
{
  margin-left : 5px;
 
}
form.regate  fieldset label
{
  padding:0px;
  width : 160px;
}
.invisible
{
 display : none; 
}
form.regate  fieldset  input.button
{
 margin-top:40px;
}

form.regate  input.button
{
  width:100px;
  margin:10px;
}
#liste_temps_entete div
{
  height : 50px;
}

div#liste_temps, #liste_temps_entete
{
  border-bottom : 1px solid #aabbcc;
  float: left;
  margin-bottom : 10px;
  margin-top : 10px;
  
}

div#liste_temps div, #liste_temps_entete div
{
width : 80px;
height : 40px;
float : left;
border-top : 1px solid #aabbcc;
border-left : 1px solid #aabbcc;
padding : 3px;
}




div#membre, #membre_entete
{
  border-bottom : 1px solid #aabbcc;
  float: left;
  
}
div#membre div, #membre_entete div
{
width : 70px;
height : 40px;
float : left;
border-top : 1px solid #aabbcc;
border-left : 1px solid #aabbcc;
padding : 3px;
}

div#membre div.dernier
{
  border-right : 1px solid #aabbcc;
  text-align : right;
  width : 25px;
}

div.dernier
{
/*  border-bottom : 1px solid #aabbcc;*/
  border-right : 1px solid #aabbcc;
  text-align : right;
}

div#liste_temps input
{
  width : 65px;

}
div#liste_temps div.clear , div#liste_temps_entete div.clear
{
  width: 110px;

} 
/*  //////////////////////////////////////////////////////   formulaire edition de contenu ajax  */
/*  //////////////////////////////////////////////////////   formulaire edition de contenu ajax  */
form.editeur fieldset
{
  
   width : 470px; 
   margin: 0;
   padding : 0;
   margin-bottom : 20px;
   
}
form.editeur select
{
text-align:left;


}
form.editeur label
{
  margin : 10px;
  text-align : left;
}
form.editeur label.inline
{
 display : inline;
}

form.editeur label.gauche
{
  display : block;
  width : 300px;
  margin-right : 30px;

text-align : left;

}


textarea.largeur200
{
  display : block;
  width : 450px;
  height : 100px;
  text-align : left;
margin-right : 10px;
}
form.editeur input, form.editeur textarea, form.editeur select
{
  margin: 5px;
  margin-right : 30px;

  
}

input.long
{
  width :300px;
  margin : 5px;

}


/* //////////////////////////////  form.login */
form.login
{
  margin-bottom : 10px;
}
form.login fieldset
{
  width : 155px;
  text-align : left;
  margin : 5px;
  padding:5px;

}

form.login input
{
  text-align : left;
}
#vchUtilisateur , #vchMotPasse
{
  width : 140px;
}

/*  =============================================   formulaire modale   */
#dialog label,  #dialog  input, #dialog select{ display:block; text-align : left;}
#dialog select {margin: 3px;}
#dialog 	input.text { margin-bottom:12px; width:95%; padding: .4em; margin-right:0;}

#dialog 	fieldset { padding:0; border:none; width : 100%; margin:0; margin-top:25px; }
#dialog 	h1 { font-size: 1.2em; margin: .6em 0; }	
/*  =============================================   formulaire modale   */
#form_article fieldset { padding:0; border:none; width : 100%; margin:0; margin-top:25px; }
#form_article label,  #dialog  input, #dialog select{ display:block; text-align : left;}
#form_article select {margin: 3px;}
#form_article 	input.text { margin-bottom:12px; width:95%; padding: .4em; margin-right:0;}
#form_article 	h1 { font-size: 1.2em; margin: .6em 0; }	
/*  =============================================   formulaire modale   */

/*  =============================================   formulaire modale   */
.form_dialog fieldset { padding:0; border:none; width : 100%; margin:0; margin-top:25px; }
.form_dialog label,  #dialog  input, #dialog select{ display:block; text-align : left;}
.form_dialog select {margin: 3px;}
.form_dialog  input.text { margin-bottom:12px; width:95%; padding: .4em; margin-right:0;}
.form_dialog  h1 { font-size: 1.2em; margin: .6em 0; }	
.form_dialog  textarea { height: 120px; }



input.hidden { border : none; display : none; }
.ui-button { outline: 0; margin:0; padding: .4em 1em .5em; text-decoration:none;  !important; cursor:pointer; position: relative; text-align: center; }
.ui-dialog .ui-state-highlight, .ui-dialog .ui-state-error { padding: .3em;  }