body { scrollbar-3dlight-color: #FFFFFF; scrollbar-arrow-color: #ffffff; scrollbar-darkshadow-color: #aaaaaa; scrollbar-face-color: #cc0000; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #000000; scrollbar-track-color: #000000}
.fontbg2 { background-color: #aa0000 }
.fontbg { background-color: #ff0000 }*/
.bbb01 {  border: #FFFFFF; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.bbb02 {  border: 1px #ffffff solid}
.bbb03 {  border-color: #6C859C #333366 #000000 #6C859C; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 0px}
.bbb04 {  border: 1px #000000 solid}
.bbb05 {  border: #FFFF99; border-style: solid; border-width: 1px}
.bbb06 {  border: #333366; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 1px}
.bbb07 {  border: #333366; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.bbb08 {  border: #333366; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 1px}
.bbb09 {  border: #333366; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 0px}
.fff01 { font-size: 24px; font-weight:bold}
.fff02 { font-size: 12px; font-weight:normal}
.menutd { border: #aa0000; border-style: solid; border-top-width: 0px; border-right-width: 2px; border-bottom-width: 0px; border-left-width: 0px}
.menubottom {  border: #aa0000; border-style: solid; border-top-width: 0px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 0px}
.menutd2 { border: #aa0000; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 2px}
.menubottom2 {  border: #aa0000; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 2px; border-left-width: 2px}
.menutd2b { line-height:11px; border: #aa0000; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 2px}
.menubottom2b { line-height:11px; border: #aa0000; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 2px; border-left-width: 2px}
.news {  border: #aa0000; border-style: solid; border-top-width: 0px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px}
.nav {  border: #bbbbbb; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.tactiques {  background-color: #777777; padding:20px; border: #222222; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.titre_tactiques { border: #222222; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 1px; background: url(images/header_css.bmp) repeat-x;}
.cours { border: #aa0000; border-style: solid; border-top-width: 0px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px}
.hauteur {  border: #333333; border-style: solid; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px}
.forum {  border: #222222; border-style: solid; border-top-width: 0px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px}
.membres {  border: #222222; border-style: solid; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px}
.description {  border: #ffffff; border-style: solid; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px}
.forum_date {  border: #222222; border-style: solid; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 0px; border-left-width: 2px}
.subs_titre {  border: #222222; border-style: solid; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 0px; border-left-width: 2px}
.subs {  border: #333333; border-style: solid; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px}
.toutes_news {  border: #cc0000; border-style: solid; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px}
.toutes_news_rss {  border: #000000; border-style: solid; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px}
.messages {  font-color: #000000; background-color: #ffffff; border: #aa0000; border-style: solid; border-top-width: 0px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px} 
.page {  border: #aa0000; border-style: solid; border-top-width: 0px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px}
.wrap {  border: #aa0000; border-style: solid; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px}
.noline	 { border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 0px}
.yesline { background-color:#777777; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 1px}
.yesline_bas { background-color:#777777; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.yesline_date { background-color:#444444; color:#ffcc33; text-align:center; width:150px; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;}
.c_noir { background-color:#000000;}
.c_rouge { background-color:#ff0000;}
.c_blanc { background:#ffffff; color:#000000}
.c_bleu_m { background:#103366; }
.c_rose { background:#cc66cc; }
.c_gris { background:#cccccc; color:#000000 }

textarea{color:#ffffff; background-color:#aa0000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold}
td {  font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size: 12px}
a { color: #ffffff; text-decoration: none}
a:hover { color: #dd0000;}
#grispale8:hover {  color: #aa0000; background-color: #888888 }
#grispale7:hover {  color: #aa0000; background-color: #777777 }
#grispale6:hover {  color: #aa0000; background-color: #666666 }
#grispale5:hover {  color: #aa0000; background-color: #555555 }
#grisfonce:hover {  color: #aa0000; background-color: #333333 }
#msg:hover { color: #990000;}
#verif { color: #000000 }
#verif:hover { color: #aa0000; background-color: #ffffff }

.separation { width:100%; color:#aa0000;}

table.classement {color:#000000}

a.tooltip1{position:relative;} 
a.tooltip1:hover{z-index:25;} 
a.tooltip1 span{ 
  display: none;position:absolute;bottom:2em; left:-6em; 
  /* the line above is all that is necessary in a.tooltip span the rest is formatting - you can alter top and left */ 
  padding:3px; border:1px solid #aa0000; width:80px; background-color:#ffffff;} 
a.tooltip1:hover span{display:block;}

a.tooltip2{position:relative;} 
a.tooltip2:hover{z-index:25;} 
a.tooltip2 span{ 
  display: none;position:absolute;bottom:2em; left:-3em; 
  /* the line above is all that is necessary in a.tooltip span the rest is formatting - you can alter top and left */ 
  padding:3px; border:1px solid #aa0000; width:45px; background-color:#ffffff;} 
a.tooltip2:hover span{display:block;}

input.text {
background-color: #aa0000;
color: #ffffff;
font-weight: bold;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
border-top: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
text-align: left;
}
input.text2 {
background-color: #999999;
color: #ffffff;
font-weight: bold;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
border-top: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
text-align: left;
}
input.invisible {
background-color: #555555;
color: #ffffff;
font-weight: bold;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
border-top: 0px;
border-right: 0px;
border-bottom: 0px;
border-left: 0px;
text-align: left;
}
.submit {
  border-Top-Width: thin;
  border-Top-Style: solid;
  border-Top-Color: #ffffff;
  border-Right-Width: thin;
  border-Right-Style: solid;
  border-Right-Color: #ffffff;
  border-Bottom-Width: thin;
  border-Bottom-Style: solid;
  border-Bottom-Color: #ffffff;
  border-Left-Width: thin;
  border-Left-Style: solid;
  border-Left-Color: #ffffff;
  font-Family: Verdana, Arial, Helvetica, sans-serif;
  font-Size: 9px;
  font-Weight: bold;
  font-Style: normal;
  text-Align: center;
  text-Transform: none;
  letter-Spacing: normal;
  word-Spacing: normal;
  color: #ffffff;
  background-Color: #aa0000;
}
.submit2 {
  border-Top-Width: thin;
  border-Top-Style: solid;
  border-Top-Color: #ffffff;
  border-Right-Width: thin;
  border-Right-Style: solid;
  border-Right-Color: #ffffff;
  border-Bottom-Width: thin;
  border-Bottom-Style: solid;
  border-Bottom-Color: #ffffff;
  border-Left-Width: thin;
  border-Left-Style: solid;
  border-Left-Color: #ffffff;
  font-Family: Verdana, Arial, Helvetica, sans-serif;
  font-Size: 12px;
  font-Weight: bold;
  font-Style: normal;
  text-Align: center;
  text-Transform: none;
  letter-Spacing: normal;
  word-Spacing: normal;
  color: #ffffff;
  background-Color: #aa0000;
}
table#tableimages tr td a
{
outline:1px solid #000000;
}
table#tableimages tr td a span
{
position:absolute;
display:none;
background-color:#000000;
padding:2px;
border:2px solid #aa0000;
}
table#tableimages tr td a:hover span
{
display:block;
}
#onglets
{
        position : absolute;
        border : 1px solid transparent;
        padding : 0;
        font : bold 11px Batang, arial, serif;
        list-style-type : none;
        left : 50%;
        margin-top : 0;
        width : 422px;
		margin-left : -211px; /* la moitié de width */
}
#onglets li
{
    float : left;
    height : 21px; /* à modifier suivant la taille de la police pour centrer le texte dans l'onglet */
    background-color: #888888;
    margin : 2px 2px 0 2px !important;  /* Pour les navigateurs autre que IE */
    margin : 4px 2px 0 2px;  /* Pour IE  */
    border : 1px solid #ffffff;
}
#onglets li.active
{
    border-bottom: 1px solid #555555;
    background-color: #555555;
}
#onglets a
{
    display : block;
    color : #ffffff;
    text-decoration : none;
    padding : 4px;
}
#onglets a:hover
{
    background : #aaaaaa;
}
#menu
{
        border-bottom : 1px solid #ffffff;
        padding-bottom : 28px;
}

.titrecours { 
font-size : 11px; 
font-weight : bold; 
color : #fff; 
padding-bottom : 2px; 
border-bottom : 1px solid #000000; 
border-top : 1px solid #000000; 
background : url(images/header_css.bmp) repeat-x; 
padding-left : 3px; 
padding-right : 3px; 
height : 12px; 
padding-top : 2px; 
text-align : center; 
margin-bottom : 10px; 
}
.titrebullet { 
background : url(images/check.gif) no-repeat 0 45%; 
padding : 0 0 0 12px; 
font-weight : bold; 
margin-top : 15px; 
}
.ulcontent { 
list-style : none; 
padding : 0 0 0 10px; 
background : url(images/check.gif) no-repeat 1px 3px; 
text-decoration : underline; 
} 
.ulcontentnosoul { 
list-style : none; 
padding : 0 0 0 10px; 
background : url(images/check.gif) no-repeat 1px 3px; 
text-decoration : none; 
margin-bottom : 3px; 
}
.ulcontentnosoul2 { 
list-style : none; 
padding : 0 0 0 10px; 
background : url(images/arrow_right.gif) no-repeat 1px 3px; 
text-decoration : none; 
margin-bottom : 3px; 
} 
.ulcontentnosoulg { 
list-style : none; 
padding : 0 0 0 10px; 
background : url(images/pointvert.png) no-repeat 1px 3px; 
text-decoration : none; 
margin-bottom : 3px; 
font-weight : bold; 
} 
ul li { 
list-style : none; 
}
.illustrationcours { 
margin : 20px; 
text-align : center; 
} 
.illustrationcours div { 
vertical-align : middle; 
}

#menu_css {background: url(images/header.bmp) repeat-x; width:100%; height:20; border-bottom:0; text-align:left; vertical-align:middle;}
 
#menu_css ul {
margin:0; 
padding:0; 
list-style:none; 
white-space:nowrap; 
text-align:left;
}
#menu_css ul {display:inline-block;} 
 
#menu_css li {margin:0; padding:0; list-style:none;}
#menu_css li {display:inline-block; display:inline;}
#menu_css ul ul {position:absolute; left:-9999px;}
#menu_css ul.level1 {margin:0 auto;}
#menu_css ul.level1 li.level1-li {float:left; display:block; position:relative;}
 
#menu_css ul.level1 {padding:0;}
#menu_css ul.level2 {
background:#aa0000;
border:2px solid #ffffff; 
}
#menu_css ul.level3 {
background:#aa0000;
border:2px solid #ffffff; 
}
#menu_css ul.level4 {
background:#aa0000;
border:2px solid #ffffff;
}
 
#menu_css b {position:absolute;} /* -- for IE6 non-flyout dropdowns to stop flickering - who knows why --*/
 
#menu_css a {display:block; font:bold 11px arial,verdana,sans-serif; color:#FFFFFF; line-height:20px; text-decoration:none;padding:0 20px 0 10px;}
#menu_css ul.level1 li.level1-li a.level1-a {float:left;}
 
#menu_css ul li:hover > ul {visibility:visible; left:0; top:20px;}
#menu_css ul ul li:hover > ul {visibility:visible; left:100%; top:auto; margin-top:-20px;}
#menu_css li.left:hover > ul {visibility:visible; left:auto; right:0; top:20px;}
#menu_css li.left ul li:hover > ul {visibility:visible; left:auto; right:100%; top:auto; margin-top:-20px;}
 
 
#menu_css a:hover ul {left:0; top:23px;}
#menu_css li.left a:hover ul {left:auto; right:-1px; top:23px;}
 
#menu_css li.left ul a {text-align:right; padding:0 10px 0 15px;}
 
 
#menu_css a:hover a:hover ul, 
#menu_css a:hover a:hover a:hover ul {left:100%; visibility:visible;}
#menu_css li.left a:hover a:hover ul, 
#menu_css li.left a:hover a:hover a:hover ul {left:auto; right:0; visibility:visible;}
 
#menu_css a:hover ul ul, 
#menu_css a:hover a:hover ul ul {left:-9999px;}
#menu_css li.left a:hover ul ul, 
#menu_css li.left a:hover a:hover ul ul {left:-9999px;}

#menu_css li a.fly {background:transparent url(images/arrow-right.gif) no-repeat right center;}
#menu_css li.left ul a.fly {background:transparent url(images/arrow-left.gif) no-repeat left center;}
#menu_css li a.fly1 {background:transparent url(images/arrow-down.gif) no-repeat right center;}
 
#menu_css li a:hover,
#menu_css li a.fly:hover {background: url(images/header_css.bmp) repeat-x;} 
#menu_css li:hover > a,
#menu_css ul li:hover > a.fly {background: url(images/header_css.bmp) repeat-x;}
 
#menu_css table {position:absolute; height:0; width:0; left:0; border-collapse:collapse; margin-top:-4px;}
#menu_css table table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-29px;}
 
#menu_css li.left table {position:absolute; height:0; width:0; left:auto; right:0; border-collapse:collapse; margin-top:-4px;}
#menu_css li.left table table {position:absolute; left:auto; right:100%; height:0; width:0; border-collapse:collapse; margin-top:-29px;}



#flyout {float:left; padding:0; margin:2px 0 0 0; list-style:none; width:150px; border:0;}
#flyout ul {padding:0; margin:0; list-style:none; position:absolute; left:-9999px;}


#flyout table {border-collapse:collapse; margin:-1px -10px;}

#flyout li {float:left;width:150px; height:24px; border:0;}

#flyout li#archives {margin:0;}

#flyout li a {display:block; width:159px; height:24px; color:#fff; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:23px; text-decoration:none; padding-left:30px; border-left:1px solid #000;}

#flyout li#cedules a {background:#000 url(images/cedule_20.bmp) no-repeat 5px center;}
#flyout li#classements a {background:#000 url(images/classements_20.bmp) no-repeat 5px center;}
#flyout li#archives a {background:#000 url(images/archives_20.bmp) no-repeat 5px center;}


#flyout li#classements a.fly b {display:block; width:109px; height:24px; background:url(images/arrow-menu.gif) no-repeat right center; cursor:pointer;}
#flyout li#cedules a.fly b {display:block; width:109px; height:24px; background:url(images/arrow-menu.gif) no-repeat right center; cursor:pointer;}
#flyout li#archives a.fly b {display:block; width:109px; height:24px; background:url(images/arrow-menu.gif) no-repeat right center; cursor:pointer;}

#flyout li#nom_ligue a.fly b {display:block; width:139px; height:24px; background:url(images/arrow-menu.gif) no-repeat right center; cursor:pointer;}

#flyout li:hover {position:relative;}
#flyout li a:hover {white-space:nowrap; color:#dd0000; position:relative;}
#flyout li:hover > a {color:#dd0000;}


#flyout :hover ul { left:140px; top:-1px; width:190px; height:auto; border:0;}
#flyout :hover ul li {width:190px;}
#flyout :hover ul ul {left:-9999px;}
						

#flyout :hover ul :hover ul {left:140px; top:-1px;}
#flyout :hover ul li a b {width:119px; background-color:none;}
#flyout :hover ul :hover ul ul {left:-9999px;}
#flyout :hover ul :hover ul li a b {width:119px; background:none;}


#flyout :hover ul :hover ul :hover ul {border:2px solid #dd0000; left:175px; top:-1px;}
#flyout :hover ul :hover ul :hover ul li a b {width:159px; }
#flyout  li.bas {padding-bottom:15px;}