/* the main document div (wrapper) */
#doc {  }

/* header div */
#hd { background: url(medias/header_bg.jpg) center top repeat-x; height: 75px; margin-bottom: 40px;}

#hd_container {
	width: 974px; height: 75px; margin-left: auto; margin-right: auto; position: relative;
}

#hd_content { position: absolute; top:0; right:0; height: 75px; width: 500px;
		background: url(medias/header_feetbg.gif)  no-repeat; }
#hd_menu { height: 25px; text-align: left; padding-top: 25px;
		margin-left: 240px; font-size: 1.4em; color: #707070; }
a.hd_menu { color: #707070; text-decoration:none;}
#hd_usermenu { margin-left: 48px; height: 23px;
	background: url(medias/header_sessiontab_bg.gif) repeat-x;  }
#hd_usermenu_content { margin-left: -48px;  height: 23px;
	background: url(medias/header_sessiontab_leftbg.gif) no-repeat;
	text-align: right; padding-right: 24px; padding-top: 5px; font-size: 1.1em; }
#hd_usermenu_content a {  margin-left: 30px; }
a.menu_user { color: #A4D467; text-decoration: none; }
a.menu_tdb { color: #FFF; text-decoration: none; font-weight: bold}
a.menu_fermer { color: #FFF; text-decoration: none; }


/* body div */
#bd { width: 974px; margin: 0 auto 0 25px; position: relative; min-height: 300px; margin-left: auto; margin-right: auto;}

/* footer div */
#ft {  padding-left: 25px; background: url(medias/footer_bg.gif) repeat-x;
     font-size:90%; margin-top: 30px; height: 73px; }
#ft_container { width: 974px; margin-left: auto; margin-right: auto; position: relative; }
#ft .subdiv { float: left; padding: 15px;}
#ft .firstdiv { float: left; padding: 15px 15px 15px 0; }

/* tweak links */
a { color: #000; }
a:hover { color: #F5A607; }
a:active, a:focus{ outline:none; }
a img { border: 0 none; text-decoration: none }
p { text-align: justify; }

/* float breaker */
.floatbreak { float: none !important; clear:both; }

/* header 1 style (logo) */
h1 { position: absolute; top: 16px; left: 16px; margin: 0;  }

/* Header 2 style (titre de page) */
h2 { color: #365935; margin-top:10px; padding: 0; font-size: 180%;
     border-bottom: 2px dashed #EAF1D9; margin-bottom: 5px;}

/* Page d'accueil */
#accueil_col1 { float:left; width: 584px; }
#accueil_col2 { float:left; width: 350px; padding-left: 20px;}



/* flaotlist for list of floating elements */
.floatlist li { list-style: none; margin-left: 0px; float: left; width: 300px;
                padding:5px; font-size: 1.2em; }

/* servicelist for list of floating elements (liste des services) */
.servicelist li { margin-left: 0px; float: left; width: 220px; }

/* Erreur, warning et success */
.error, .warning, .success {
    padding: 6px 8px;
    border-width: 2px;
    border-style: solid;
    margin: 10px;
}
.error { border-color: #D14D4D; background-color: #F7D7D7 }

/* Boxes (détails d'un club) */
.box { position: relative; border: 1px solid #ABBBE1; 
       background-color: #E8F8FD; margin: 12px 0 6px 0; padding: 15px 5px 5px 5px; }
/* .box h4, .box h3 { position:absolute; left: 4px; top: -16px;  display: block; margin-top: 0; font-size: 1em; } */
.box h4 {
    position: absolute; top: -10px; bordeR: 1px solid #ABBBE1;
    background-color: #E8F8FD; padding: 1px 4px;
}

/* Boites du tableau de bord */
.tdb-bloc { width: 400px; height: 200px; background-color:#EAF7CF;
	border: 1px solid #365935; float:left; margin: 0 15px 15px 0; }
.tdb-bloc h2 { background-color: #009F13; color: #eee; margin-top: 0; padding: 4px}


/* pour les tableaux de pointage */
table.parcours { margin: 0 0 20px 0; background-color: black; font-size: small; font-weight: bold; clear: both;
		border: 2px solid #666; }
		
		table.parcours caption { color: #218921; font-size: 1.5em; padding: 10px 6px 4px 6px; text-align: left; }
		table.parcours tr { background-color: #e1e1e1; }
		table.parcours th { color: #111; background-color: #e1e1e1; font-weight: bold; padding: 6px; height: 1.5em; width: 1.3em;
							border: 0 none; background: repeat-x top url(medias/parcours_header_bg.gif) }
							
		table.parcours td { text-align: center; padding: 3px; background-color: #EFF5EC; color: #000}
		
		table.parcours .handicap td { background-color: #a7c77a; color: #fff; }
		table.parcours .normale td { background-color: #007e0f; color: #fff; }
		
		table.parcours .noir td {  background-color: #000; color: #fff }
		table.parcours .noir_reverse td {  background-color: #000;; color: #fff; } 
		/* table.parcours .noir_reverse td {  background-color: #fff; color: #333; } */ 
		
		table.parcours .blanc td{  background-color: #fff; color: #222; }
		table.parcours .blanc_reverse td{  background-color: #fff; color: #222; }
		/* table.parcours .blanc_reverse td {  background-color: #222; color: #fff; } */ 
		
		table.parcours .bleu td {  background-color: #00548a; color: #fff; }
		table.parcours .bleu_reverse td {  background-color: #00548a; color: #fff; }
		/* table.parcours .bleu_reverse td {  background-color: #fff; color: #00548a; } */
		
		table.parcours .rouge td { background-color: #b6001a; color: #fff;}
		table.parcours .rouge_reverse td { background-color: #b6001a; color: #fff;}
		/* table.parcours .rouge_reverse td { background-color: #fff; color: #b6001a;} */ 
	
		table.parcours .jaune td { background-color: #d1c46b; color: #fff;}
		table.parcours .jaune_reverse td { background-color: #d1c46b; color: #fff;}
		/* table.parcours .jaune_reverse td { background-color: #fff; color: #eac100;} */
	
		table.parcours .vert td { background-color: #007e0f; color: #fff; }
		table.parcours .vert_reverse td { background-color: #007e0f; color: #fff; }
		/* table.parcours .vert_reverse td { background-color: #fff; color: #007e0f; } */ 
                
/* FORMS */
form { width:100%; padding: .5em 0; margin:0; position:relative; }
form input { font-family: arial,tahoma,verdana,sans-serif; margin: 2px 0; }
form label { display:block; padding: 0 }

/* Fieldset */
form fieldset { border-color: #000; border-width: 1px; border-style: solid; padding: 10px; margin: 0; }
form fieldset legend { font-size:1.1em; }

/* input position and size */
form input, form textarea, form select{
		padding: 0; margin: 0.3em 0 0 5px; width:auto }

form div.form_value  { padding: 0; margin: 0.3em 0 0 5px; float:left; width: 28em; }
form textarea { width: 28em; height: 7em;}
form input { width: auto; }
form input.small { width:3em; }
form input.medium { width: 10em; }
form input.large { width: 20em; }
.sidebox form input { width: 4em; }

/* labels */
form label { }
form label.req {font-weight:bold;}

form fieldset table tr td {
    vertical-align: top;
}
form fieldset table tr td:first-child {
    text-align: right;
}