body {
   padding: 0px;
   min-width: 800px;
   background-color:#aaaaaa;
   width:1000px;
   margin:0px auto;
   text-align:center;
   font:normal 10px arial,verdana,sans-serif; 
   color:#515151;
}

#all
{
   width:1000px;
   text-align:left;
   background-color:#ffffff;
   /*padding-bottom:10px;*/
   margin-bottom:10px;
   border-left:1px solid black;
   border-right:1px solid black;
   border-bottom:1px solid black;
}

div#epreuve-liste { margin-left:20px; }
div#epreuve-liste h2 { margin-left:0px; }

div#header {
   text-align: center;
   background:#000000;
}

#header map {
	display:inline;
}

#table-content {
   width:100%;
   color:#515151;
}

#table-content, #table-content td {
   font:normal 10px arial,verdana,sans-serif;
}

td#column1-1 {
   background:#EA6331 url(../img2/menu-top.gif) repeat-x top;
   margin:0px;
   padding:0px;
   vertical-align:top;
   width:169px;
}

td#column1-2, td#column3-2 {
  background:#FFFFFF url(../img2/menu-bottom.png) repeat-x;
  height:50px;
}

td#column2-1 {
   background:#FFFFFF url(../img2/contenu.jpg) no-repeat;
   vertical-align:top;
   padding:0 20px;
}
td#column3-1 {
   background:#EA6331 url(../img2/menu-top.gif) repeat-x top;
   margin:0px;
   padding:0px;
   vertical-align:top;
   width:167px;
}


.clear {
   clear: both;
   display: block;
   height: 1px;
   overflow: hidden;
   margin: 0;
   padding: 0;
   /*margin-top:20px;*/
}

div#header h1 {
   background:url(../img2/bandeau3.png) no-repeat top;
   color:#000000;
   font:bold 14px arial,verdana,sans-serif; 
   letter-spacing:0.3px;
   height:20px;
   margin:0px 0 0 0;
   padding:3px 0 0 0;
}

.trait-gris {
   background:#FFFFFF url(../img2/trait-gris.png) no-repeat top center;
   height:11px;   
}

img {
   border:none;
}

#content
{
   position:relative; 
   margin-top:20px;
   overflow-x:hidden;
   overflow-y:auto;
}

#subcontent
{
   padding:0 5px;
}

#content h2 {
   background:#FFFFFF url(../img2/bande-titre.gif) no-repeat top left;
   font:bold 20px arial,verdana,sans-serif; 
   letter-spacing:-1px;
   margin:8px 0px 0px 5px;
   padding:4px 0 0 20px;
   height:36px;
   overflow:hidden;
}

#content h2.titre2 {
   letter-spacing:-0.3px;
}

div#main h3 {
   font-size:1.2em;
   font-weight:bold;
   margin:0px 0px 0px 8px;
}

div#main h4 {
   font-size:1.1em;
   font-weight:bold;
   margin:8px 0px 0px 10px;
}

#menu {
  background:url(../img2/menu-gauche1.gif) no-repeat top right;
  padding-top:50px;
}

#menu-bottom {
   background:url(../img2/menu-bottom1.png) no-repeat 1px 0px;
   height:14px;
}

#menu ul
{
	padding:0px;
	margin:0px 0px 0 4px;
   list-style-type: none;
   width: 165px;
}  

#menu ul li {
   padding:0 0 6px 0;
   margin:0px;
   text-align:center;
   width: 156px;
   margin-left:auto;
   margin-right:auto;
}

#menu ul li ul {
   padding-top:5px;
   width: 160px;
   margin:0px;
}

#menu ul li ul li {
   padding:5px 0 0 0;
   margin:0px;
   border:none;
   font-size:80%;
}

#menu p
{
   text-align:center;
}

#navlist a
{
   font-family:arial,verdana,sans-serif; 
   color:#FFFFFF;
   display: block;
   padding-top: 6px;
   font-weight:bold;
   font-size:10px;
   height:20px;
   margin-left:15px;
   letter-spacing:-0.2px;
   width: 127px;
   background:url(../img2/bouton-jaune.png) no-repeat;
   text-decoration: none;
}

#navlist a:hover, #navlist a.active
{
   color:#EA6331;
   background:url(../img2/bouton-orange.png) no-repeat;
}

#menu ul li.fond {
   background:url(../img2/menu-gauche-milieu.png) repeat-y -5px top;
}

#menu ul li ul
{
   margin:0px;
   padding:0 0 6px 0;
   background:url(../img2/menu-gauche-milieu.png) repeat-y -5px top;   
}

#menu a {
   cursor:pointer;
}

#menu ul li ul li a
{
   padding-top:2px;
   display:block;
   margin-left:35px;
   font-weight:bold;
   height:17px;
   width:85px;
   font-size:10px;
   letter-spacing:-1.0px;
   background:url(../img2/bouton-petit.png) no-repeat top right;
}

#menu ul li ul li a:hover, #menu ul li ul li a.active
{
   background:url(../img2/bouton-petit.png) no-repeat top right;
   color:#000000;
}

#content a
{
   color:#EF5820;
   text-decoration: underline;
}

.news, .news-detail
{
   margin-left:0px;
   overflow:none;
   margin-bottom:20px;
}

.news
{
	width:288px;
}

.news-info
{
   font-variant:small-caps;
   font-weight:bold;
   color:#666666;
   margin-bottom:0px;
}

#content .news p.news-info
{
	background:#EEEEEE;
	padding:2px 5px;
}

.news-detail .news-info
{
   margin-bottom:0px;
}

#content .news-detail h2.titre {
   background:#FFFFFF url(../img2/bande-titre.gif) no-repeat top left;
   font:bold 14px arial,verdana,sans-serif; 
   margin:8px 0px 0px 5px;
   padding:8px 0 0 20px;
   height:36px;
   overflow:hidden;
}

.news h3
{
   margin:0;
   color:#EF5820;
   padding:0 5px;
   height:28px;
   overflow:hidden;
   background:#EEEEEE;
   font-size:11px; 
   font-weight:bold; 
}

.news img
{
   margin:0px 5px 5px 0;
}

.news-content
{
   height:170px;
   overflow:hidden;
   background:#EEEEEE;
   padding:0 5px;
}

.news-gauche {
   float:left;
   /*margin-left:6px;*/
}

.news-droite {
   float:right;
   /*margin-right:6px;*/
}

p {
   text-align:justify;
   padding:2px 0px;
}

#content .news-content p {
   padding:2px 0;
}

#news-liste
{
   margin:0px;
   padding:0px;
}

#box {
   height:200px;
}

#prochainement, #edito, #rss
{
   background:#fff url(../img2/cadre.png) no-repeat -1px -1px;
   border:solid #000000 1px;
   height:170px;
   width:286px;
   font-size:10px;
   overflow:hidden;
}

#edito, #rss {
   margin:5px 0px 0px 0px;
   float:right;
}

#prochainement {
   margin:5px 0px 0px 0px;
   float:left;
}

#prochainement div, #edito div, #rss div {
   height:126px;
   margin:3px 3px 3px 0px;
   padding-right:3px;
   overflow:auto;
}

.sous-cadre-gauche, .sous-cadre-droite
{
   background:#fff url(../img2/sous-cadre.png) no-repeat right top;
   height:15px;
   width:283px;
   font-size:10px;
   overflow:hidden;
   text-align:right;
   padding:1px 5px 0 0;
}

.sous-cadre-droite
{
   margin:0;
   float:right;
}

.sous-cadre-gauche {
   margin:0;
   float:left;
}

.news .sous-cadre-gauche {
   margin:0px;
}

.news .sous-cadre-droite {
   margin:0px;
}

#content .sous-cadre-gauche a, #content .sous-cadre-droite a {
   color:#FFB12A;
   font:bold 10px arial;
   letter-spacing:-0.2px;
   text-decoration:none;
}

#rss ul, #rss li, #prochainement ul, #prochainement li
{
   list-style-type:none;
   margin:0px 0px 0px 2px;
   padding:0px;
   border:1px solid #FFFFFF;
}

#rss ul, #rss li
{
   margin:0px 0px 0px 2px;
   padding:0px;
}

#prochainement ul
{
   padding-left:5px;
}

#prochainement a, #edito a, #rss a {
   color:#000000;
   font-weight:normal;
   margin-bottom:3px;
   display:block;
   padding-left:10px;
}

#prochainement a:hover, #edito a:hover, #rss a:hover {
   color:#F05A22;
   background:url(../img2/puce.gif) no-repeat left 4px;
}

#img-edito
{
   float:left;
   margin:5px 5px 5px 0px;
}
#prochainement h3, #edito h3, #rss h3
{
   padding:2px 0px 0px 0px;
   margin:0px;
   font:bold 14px arial,verdana,sans-serif;
   text-align:center;
   height:36px;
   color:#FFFFFF;
}

#edito img
{
   float:left;
   margin:5px 5px 5px 0px;
}

#edito #lien-edito
{
   margin:10px 0px 0px 0px;
}

#edito div
{
   /*overflow:auto;*/
}

#prochainement #lien-epreuves
{
   text-align:right;
   margin:3px 5px 0px 0px;
}

.dgPaging {
   border:solid 1px #EF5820;
   padding:2px;
}

.dgPaging select {
   font:normal 10px arial,verdana,sans-serif; 
   color:#515151;
}

#footer
{
   background:#FFFFFF url(../img2/footer.gif) no-repeat center top;
   font-size:10px;
   height:36px;
   margin-top:10px;
   padding: 10px 10px 0px 120px;
   text-align:center;
}

#footer a
{
   color:#000000;
   display:block;
   float:left;
}

#footer span.separator {
   background:#FFFFFF url(../img2/triangle.png) no-repeat center 3px; 
   width:100px;
   display:block;
   float:left;
}

#partenaire1 {
   background:#FFFFFF url(../img2/bande-partenaire1.png) no-repeat center top;
   height:20px;
   text-align:center;
   font-family:arial,verdana,sans-serif;
   font-size:14px;
   font-size-adjust:none;
   font-stretch:normal;
   font-style:normal;
   font-variant:normal;
   font-weight:bold;
   padding-top:3px;
   color:#000000;
}

#partenaire2 {
   background:#FFFFFF url(../img2/bande-partenaire2.png) no-repeat center top;
   height:23px;
}

table.courses, table.clubs, table.comites_reg, table.cd
{
   width:100%;
   /*width:600px;*/
}

table.courses td, table.clubs td, table.comites_reg td, table.cd td
{
   padding:5px 3px;
   border-left:1px solid black;
   border-bottom:1px solid black;
}

table.courses, table.clubs, table.comites_reg, table.cd
{
   border-right:1px solid black;
   margin:10px 0px;
}

table.courses thead td, table.clubs thead td, table.comites_reg thead td, table.cd th
{
   background-color:#000000;
   border-left:1px solid black;
   border-bottom:1px solid black;
   border-top:1px solid black;
   font-weight:bold;
}

#content table.courses thead td a, #content table.clubs thead td a, #content table.comites_reg thead td a, #content table.cd th a
{
   color:#FFFFFF;
}

table.cd th
{
   height:30px;
   text-align:center;
   font-size:10px;
   color:#FFFFFF;
}

table.cd td.role
{
   font-weight:bold;
   background:#EF5820;
   color:#000;
   width:70px;
}

table.courses tr.dgLineEven, table.clubs tr.dgLineEven, table.comites_reg tr.dgLineEven
{
   /*background:#bcd4ff;*/
   background-color:#CCCCCC;
}

table.courses tr.eprPassee
{
   background-color:#F5CDB7;
}

table#epreuve, table.organisateur
{
   margin:10px 0px;
}

.dgPaging
{
   /*width:600px;*/
   width:100%;
   margin-bottom:10px;
}

#content .tableForm
{
   width:100%;
   border-bottom : #000000 solid 1px;
}

#content .tableTitle
{
   color:#FFFFFF;
   font-weight:bold;
   height : 24px;
   text-align:center;
   vertical-align:middle;
   background-color:#000000;
   border-left:#000000 solid 1px;
   border-right:#000000 solid 1px;
}

.lineOdd
{
   font-weight : bold;
   height : 25px;
   vertical-align : middle;
   background-color : #CCCCCC;
}

.lineEven
{
   font-weight : bold;
   height : 25px;
   vertical-align : middle;
   background-color : #FFFFFF;
}

.cellLabel
{
   padding-left : 20px;
   vertical-align : middle;
}

.cellField
{
   padding-left : 20px;
   font-weight : normal;
   vertical-align : middle;
}

.cellBL
{
   border-left : #000000 solid 1px;
}

.cellBR
{
   border-right : #000000 solid 1px;
}

#content .tableForm .input, #content .tableForm .textarea
{
	border:solid 1px #000000;
}

.boutons
{
   width:100%;
}

#content div.button a {
   background:url(../img2/bouton-jaune.png) no-repeat;
   font-family:arial,verdana,sans-serif; 
   color:#FFFFFF;
   display: block;
   padding-top: 6px;
   font-weight:bold;
   font-size:10px;
   height:20px;
   margin:0 auto;
   letter-spacing:-0.2px;
   width: 127px;
   text-decoration: none;
}

#content div.button a:hover {
   background:url(../img2/bouton-orange.png) no-repeat top right;
	color:#EA6331;
}

div.button {
   padding:20px 0 5px 0;
   margin:0;
   width:100%;
}

#imprimer
{
   text-align:right;
   font-size:8px;
   float:right;
   padding:0;
   margin:5px 0 0 0;
}

#imprimer a
{
   background:url(../img2/printer.gif) no-repeat;
   padding:4px 0px 4px 20px;
   display:block;
   color:#EF5820;
}

#menu2 {
   background:url(../img2/menu-droite1.png) no-repeat top left;
   padding-top:55px;
}

#cadrenoir {
   background:url(../img2/cadre-noir.png) no-repeat top left;
   margin-left:20px;
   height:349px;
   width:128px;
   color:#F05A22;
   font-weight:bold;
   font-size:12px;
}

form {
   padding:0;
   margin:0;   
}


#cadrenoir div {
   padding-left:4px;
}

.input, .inputDate, .listbox, .listbox2 {
   font:normal 10px arial,verdana,sans-serif; 
   color:#515151;
   margin:0px;
   padding:0px;
   border:solid 1px #CCCCCC;
}

#cadrenoir .input, #cadrenoir .inputDate, #cadrenoir .listbox, #cadrenoir .listbox2 {
   position:relative;
   border:solid 1px #FFB122;
}

#cadrenoir .input, #cadrenoir .inputDate, #cadrenoir .listbox, #cadrenoir .listbox2 {
  margin-top:2px;
}

#cadrenoir .input, #cadrenoir .listbox, #cadrenoir .listbox2 {
   width:120px;
}

#cadrenoir .inputDate {
   width:70px;
}

#cadrenoir h3 {
   background:url(../img2/cadrenoir-titre.png) no-repeat;
   font:bold 14px arial,verdana,sans-serif; 
   text-align:center;
   color:#FFFFFF;
   font-variant:small-caps;
   padding:2px 0 0 0;
   margin:0 0 20px 0; 
   height:40px;
}

#cadrenoir a.infobulle {
   text-decoration:none;
   border:none;
}

#menu-milieu {
   background:url(../img2/menu-gauche-milieu.png) repeat-y -6px;
}

#menu-milieu2 {
   background:url(../img2/menu-gauche-milieu.png) no-repeat -6px bottom;
   height:349px;
}

#menu-bottom2 {
   background:url(../img2/menu-bottom1.png) no-repeat -6px 0px;
   height:14px;
}

#contact {
   background:url(../img2/logo-contact.gif) no-repeat 65px 10px;
   height:30px;
   padding-top:30px;	   
}

#menu2 ul
{
   padding:0px;
   margin:0px 0px 0 4px;
   list-style-type: none;
   width: 128px;
}  

#menu2 ul li {
   padding:0 0 6px 0;
   margin:0px;
   text-align:center;
   width: 127px;
   margin-left:auto;
   margin-right:auto;
}

#navlist2 a
{
   font-family:arial,verdana,sans-serif; 
   color:#FFFFFF;
   display: block;
   padding-top: 6px;
   font-weight:bold;
   font-size:10px;
   height:20px;
   margin-left:15px;
   letter-spacing:-0.2px;
   width: 127px;
   background:url(../img2/bouton-jaune.png) no-repeat;
   text-decoration: none;
}

#navlist2 a:hover
{
   color:#EA6331;
   background:url(../img2/bouton-orange.png) no-repeat;
}

div.buttonForm a {
	background:url(../img2/cadrenoir-bouton.png) no-repeat top right;
	display:block;
	width:96px;
	height:18px;
	margin:0 0 0 10px;
	padding:2px 0 0 0;
	font:bold 10px arial,verdana,sans-serif; 
	color:#FFFFFF;
	text-decoration:none;
}

div.buttonForm a:hover {
	color:#EA6331;
}

div.buttonForm {
   padding:25px 0 11px 0;
   margin:0 0 0 4px;
   background:url(../img2/degrade-bouton.png) no-repeat bottom left;
   width:113px;
}

/******************************************************************
                              Infobulle
******************************************************************/

a.infobulle
{
   margin-top:5px;
   position:relative;
   height:25px;
   z-index:24;
}

a.infobulle:hover
{
   z-index:25;
   background:url(/img2/space.gif); /* sinon ne marche pas sur IE5.5 et IE6 */
}

a.infobulle span
{
   display:none;
}

a.infobulle img {
   vertical-align: bottom;
}

a.infobulle:hover span
{
   text-decoration:none;
   display:inline;
   position:absolute;
   left:0px;
   top:28px;
   border:1px solid #FFB122;
   background-color:#FFFFFF;
   color:#F05A22;
   text-align:justify;
   font:bold 10px arial,verdana,sans-serif; 
   padding:2px;
   white-space:nowrap;
}

table.membres-comite
{
   margin-bottom:10px;
}

p#logo-pole
{
   float:left;
   margin-left:40px;
}
p#logo-cref
{
   text-align:right;
   margin-right:100px;
}

p#first
{
   clear:left;
}

p.photo
{
   text-align:center;
}

#comites_dep, #disciplines
{
   cursor: pointer;
}

.eprAnnulee td
{
   /*text-decoration: line-through;*/
   color:#aaaaaa;
}

#main .eprAnnulee a:link, #main .eprAnnulee a:visited, #main .eprAnnulee a:hover, #main .eprAnnulee a:active
{
   /*text-decoration: line-through;*/
   color:#aaaaaa;
}

.annule
{
   text-decoration: none;
   color:#dd1111;
   font-weight:bold;
}

.courses .annule, .courses .reporte
{
   font-size:80%;
}

.eprReportee td
{
   /*text-decoration: line-through;*/
   color:#aaaaaa;
}

#main .eprReportee a:link, #main .eprReportee a:visited, #main .eprReportee a:hover, #main .eprReportee a:active
{
   /*text-decoration: line-through;*/
   color:#aaaaaa;
}

.reporte
{
   text-decoration: none;
   color:#1111bb;
   font-weight:bold;
}

/* * * * * * * * * * * * *
 *        MAGNIFY        *
 * * * * * * * * * * * * */

span.magnify-box {
  float:left;
  margin:0px 5px 5px 5px;
}


span.magnify-box-container {
  display:block;
  position:relative;
  font-size:0px;
}

span.magnify-box-container a {
  float:none;
  margin:0;
  padding:0;
}

span.magnify-box-container img {
  border:0;
  margin:0;
  padding:0;
}

a.magnify-image {
  background: url('../img2/magnify.png') top left no-repeat;
  display:block;
  font-size:0;
  position:absolute;
  right:2px;
  bottom:2px;
  height:20px;
  width:20px;
}

#coord {
	text-align:left;
	font-style:italic;
	font-size:12px;
	margin:2px 0px 5px 10px;
	width:450px;
}

#coord2 {
	text-align:right;
	float:right;
	font-size:9px;
	margin:2px 10px 5px 0px;
	width:450px;
}

#coord2 a {
  color:#000000;
}