html {
  background-image: url(img/bg.gif);
}

body {
  position: relative;
  font-family: Verdana, Arial, sans-serif;
  color: #3c3c3c;
  font-size: 13px;
  line-height: 150%;
  background-color: #fff;
  width: 950px;
  margin: 0px auto;
  padding-top: 25px;
}

#main-content p.right { text-align: right; }

#main-content ul.puce {
	list-style-type: disc;
	margin-bottom: 25px;
}

#main-content ul.puce li{ 
	margin-left: 30px;
	margin-bottom: 5px;	
}

#homepage #list-news .img a {border-width: 0px;}

#homepage div#gallery a.more,
#homepage div#news a.more,
a {
  text-decoration: none;
  border-bottom: 1px dotted #fc0000;
  color: #3c3c3c;
}

ol li { margin-bottom: 10px; }
#main-content p { margin-bottom: 20px; }

#homepage div#gallery a.more:hover,
#homepage div#news a.more:hover,
a:hover { border-bottom-width: 0px; }

ul.second-menu.top {
  position: absolute;
  top: 0px;
  right: 0px;
}

ul.second-menu {
  height: 25px;
/*  text-align: right;*/
  padding-top: 5px;
  float: right;
}

ul.second-menu li {
  display: inline;
  height: 25px;
  margin-right: 18px;
  margin-left: 4px;
  font-size: 11px;
  color: #3b3b3b;
}

ul.second-menu li a {
  color: #3b3b3b;
}

ul#main-menu { 
  height: 47px;
  padding-left: 185px;
}

ul#main-menu li {display: inline;}

ul#main-menu li a{
  display: block;
  height: 47px;
  width: 153px;
  float: left;
  border-bottom-width: 0px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

ul#main-menu li.current a,
ul#main-menu li a:hover{ background-position: 0px -47px; }

h1#logo span,
h2 span,
#resultat ul#second-menu li a span,
ul#sub-menu li a span,
ul#main-menu li a span{ display: none; }

ul#main-menu li#li-jeunesse a{ background-image: url(img/bt_jeunesse.gif); }
ul#main-menu li#li-sponsors a{ background-image: url(img/bt_sponsors.gif); }
ul#main-menu li#li-resultats a{ background-image: url(img/bt_resultats.gif); }
ul#main-menu li#li-equipes a{ background-image: url(img/bt_equipes.gif); }
ul#main-menu li#li-fck a{ background-image: url(img/bt_kehlen.gif); }

h1#logo{
  position: absolute;
  top: 25px;
  background: none;
}

h1#logo a{
  border-bottom-width: 0px;
}

#resultat ul#second-menu,
#homepage ul#sub-menu {
  margin-top: -32px;
  height: 32px;
}

#resultat ul#second-menu,
#homepage ul#sub-menu {
  margin-left: 590px;
}

#resultat ul#second-menu li#sub-resultats a,
ul#sub-menu li#sub-resultats a{
  background-image: url(img/sub-resultats.gif);
  background-position: 0px 32px; 
}

#resultat ul#second-menu li#sub-classement.current a,
#resultat ul#second-menu li#sub-classement a:hover,
#resultat ul#second-menu li#sub-resultats.current a,
#resultat ul#second-menu li#sub-resultats a:hover,
ul#sub-menu li#sub-classement.current a,
ul#sub-menu li#sub-classement a:hover,
ul#sub-menu li#sub-resultats.current a,
ul#sub-menu li#sub-resultats a:hover{
  background-position: 0px 0px; 
}

#resultat ul#second-menu li#sub-classement a,
ul#sub-menu li#sub-classement a{
  background-image: url(img/sub-classement.gif);
  background-position: 0px 32px; 
}

#resultat ul#second-menu li,
#homepage ul#sub-menu li{display:inline;}

#resultat ul#second-menu li a,
#homepage ul#sub-menu li a{
  float: left;
  display: block;
  width: 169px;
  height: 32px;
  margin-right: 2px;
  border: none;
}

/**** Les titres de page  de chaque page   *****/
#homepage h2{/* background-image: url(img/h2-actualites.gif);*/ }

h2 {
  background-color: #fa0000;
  color: #FFF;
  display: block;
  height: 47px;
  width: 930px;
  background-image: url(img/bg-h2.jpg);
  background-repeat: repeat-x;
  padding-left: 20px;
  font-size: 22px;
  font-weight: bold;
  font-family: Verdana;
  line-height: 44px;
}


/***** le contenu ****/
#main-content {
  float: left;
  width: 550px;
  padding: 20px;
  background-image: url(img/bg-content.gif);
  background-position: bottom;
  background-repeat: repeat-x;
}

#main-content h3{
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;  
}

#main-content h4{
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
	height: 16px;  
}

#homepage div#news{
  margin-bottom: 40px;
}

#homepage div#news li {
  border-bottom: 1px dotted #3c3c3c;
  padding: 8px 0px;
}

#homepage div#news li h3 img{
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
}

#homepage div#gallery h3,
#homepage div#promo h3,
#homepage div#news li h3{
  color: #000;
  font-weight: bold;
  font-size: 11px;
}

#homepage div#news li .meta {
  font-weight: normal;
}

#homepage div#gallery h3,
#homepage div#promo h3,
#homepage div#news li.main-news h3{ 
  font-size: 16px;
  margin-bottom: 10px;  
}

#homepage div#news li.main-news p{
  margin-bottom: 5px;
  font-size: 11px;
}

#homepage div#news li.main-news p.meta{ font-size: 13px;}

#news div#main-content a.more,
#homepage div#news a.more {
  float: right;
  margin-top: 5px;
  font-size: 11px;
  color: #3c3c3c;
}

#homepage div#gallery {
  float: left;
  width: 320px;
  margin-right: 20px;
}

#homepage div#gallery div {
  float: left;
  margin-right: 20px;
  width: 140px;
}

#equipes ul#sub-menu li a,
#right-column div#gallery div a,
#homepage div#gallery a { 
  border: none;
}

#homepage div#gallery a.more { 
  margin-top: 10px;
  float: left;
  clear: left;
  color: #3c3c3c;
  font-size: 11px;
}

#homepage div#promo {
  float: left;
  width: 190px;
}

#homepage div#promo p img{
  float: left;
  margin-right: 12px;
}

#equipes #main-content {
  float:none;
	margin-top:22px;
  
}

#equipes ul#sub-menu {
  margin-left: 13px;
  margin-top: 10px;
}

#equipes ul#sub-menu li{
  float: left;
  margin-right: 4px;
}

#equipes ul#sub-menu li#li-bambinis{ margin-right: 0px; }

#equipes ul#sub-menu li a{
  display: block;
  height: 32px;
  width: 112px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

#equipes ul#sub-menu li.current a,
#equipes ul#sub-menu li a:hover { background-position: 0px -32px; }

#equipes ul#sub-menu li#li-seniors1 a{ background-image: url(img/li-senior1.gif);}
#equipes ul#sub-menu li#li-seniors2 a{ background-image: url(img/li-senior2.gif);}
#equipes ul#sub-menu li#li-cadets a{ background-image: url(img/li-cadets.gif);}
#equipes ul#sub-menu li#li-scolaires a{ background-image: url(img/li-scolaires.gif);}
#equipes ul#sub-menu li#li-minimes a{ background-image: url(img/li-minimes.gif);}
#equipes ul#sub-menu li#li-poussins a{ background-image: url(img/li-poussins.gif);}
#equipes ul#sub-menu li#li-pupilles a{ background-image: url(img/li-pupilles.gif);}
#equipes ul#sub-menu li#li-bambinis a{ background-image: url(img/li-bambinis.gif);}

#galerie #main-content,
#equipes #main-content {
	padding:20px 13px 0px;
	width:924px;
}

#news #main-content {
	padding: 20px;
/*	width: 910px;*/
}

#equipes #main-content #page{
  background-color: #e4e4e4;
  padding-top: 40px;
  margin-bottom: 45px;
}

#equipes #main-content div#team img.photo { margin-top: 20px; }

#equipes #main-content div#team {
  background-image: url(img/bg-score.gif);
  background-repeat: repeat;
  padding-bottom: 20px;
  padding-left: 20px;
  width: 590px;
  margin-left: 280px;
  margin-bottom: 20px;
}

#equipes #main-content div#team li {
  float: left;
  display: block;
  width: 275px;
  height: 140px;
  background-color: #939393;
  margin-top: 20px;
  margin-right: 20px;
}

#equipes #main-content #team li img {
  float: left;
  margin-right: 20px; 
}

#equipes #main-content #team li p { margin-top: 20px; }

#equipes #main-content #team  li p span{
  display: block;
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
}

#equipes #main-content #team  li p span.birthday {
  font-style: italic;
  color: #d1d1d1;
  font-weight: normal;
}

/*
h3 a { border: none;}
h3 a:hover { text-decoration: underline;}
*/

div#news-detail img {
	float: left;
	width: 300px;
	margin-right: 10px;
	margin-bottom: 10px;
	
}

#list-news li {
	border-bottom:1px dotted #3C3C3C;
	padding: 8px 0px;
	
}

#list-news .img{ float: left; }

#list-news .news { margin-left: 190px; }


div#albums {
	padding: 20px 10px;
	margin-bottom: 20px;
}


div#albums ul#album-list li.album {
	width: 280px;
	float: left;
	margin: 0px 10px 20px 10px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
div#albums ul#album-list li.photo {
	height: 140px;
}

#left-column a.img,
#album-list li.album a.img  { border-width: 0px; }


table {
	margin-top: 20px;
	margin-bottom: 40px;	
}

table th,
table td {
	padding-top: 5px;
	padding-bottom: 5px;
}

table th,
table td.score { text-align: center; }

table th.score,
table td.score { width: 140px; }

table .team select,
table th.team,
table td.team { 
/*	width: 200px;*/
	font-size: 15px; 
}

table td.team.left { text-align:right; }

#autre-res { padding-top: 10px; }

#contact-info {
	width: 270px;
	padding: 30px 20px 10px 50px;
	margin-left: 100px;
	background-color: #e4e4e4;
	border: 1px solid #939393;
	font-size: 15px;
	margin-top: 20px;
	margin-bottom: 20px;
}

/*********** la colonne de gauche ************/
#left-column {
  padding-left: 20px;
  width: 240px;
  float: left;
}

#left-column h3 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 0px;
}

#left-column p {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
}



/***** la colonne de droite ****/
#right-column{
  float: right;
  width: 340px;
  padding-right: 20px;
  background-image: url(img/bg-content.gif);
  background-position: bottom;
  background-repeat: repeat-x;
}

#right-column a{
  color: #fff;
  float: right;
  font-size: 11px;
}

#right-column table {
	margin-top: 0px;
	margin-bottom: 0px;	
}

#right-column div#right-column-content {
  background-color: #3c3c3c;
  color: white;
  position:relative;
}

#right-column div#right-column-content div{
  padding: 10px 20px 20px;
}

#right-column div.clear {
  padding: 0px;
}

#right-column h3{
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 5px;
}

#right-column #classement,
#right-column #resultats {
  /*display:none;*/
  visibility: hidden;
  position:absolute;
	top:0px;
}

#right-column #classement.actif,
#right-column #resultats.actif {
	visibility: visible;
}

#resfck { border-bottom:1px dotted #3C3C3C; }

#resfck p {
	color: #fff;
	margin-left: 20px;	
}

#resfck img,
#resfck p.home { margin-left: 120px; }

#resfck p.score,
#resfck p.points,
#right-column p.score,
#right-column p.points {
  width: 140px;
  height: 140px;
  text-align: center;
  float: left;
  background-repeat: repeat;    
  font-size: 80px;
  font-weight: bold;
  line-height: 80px;
}

#resfck p.score,
#right-column p.score {
  background-image: url(img/bg-score.gif);
  margin-bottom: 25px;
}


#resfck p.score span.team,
#resfck p.points span.point,
#right-column p.score span.team,
#right-column p.points span.point {
  display: block;
  width: 120px;
  height: 37px;
  background-color: #3c3c3c;
  margin: 10px auto 0px;
  font-size: 11px;
  line-height: 37px;
}


#right-column p.score.home {
  margin-right: 20px;
}

#right-column p.player {
	float: left; 
	margin-right: 20px;
	width: 140px;
	text-align: center;
}

#resfck p.points,
#right-column p.points {
  background-image: url(img/bg-points.gif);
  font-size: 60px;
  line-height: 80px;
  margin-bottom: 5px;
}

#right-column #classement table th.equipes{ width:200px;}
#right-column #classement table th.matchs{ width:55px;}
#right-column #classement table th.buts{ width:40px;}
#right-column #classement table th.points{ width:45px;}

#right-column #classement table{
  background: none;
}

#right-column #classement table tr.entete{
  height: 25px;
}

#right-column #classement table tr.entete th{ 
  font-size: 12px;
  font-weight: bold;
  background: none;
  text-align: center;
  height: 25px;
}

#right-column #classement table tr.entete th.equipes{
	text-align: left;
	padding-left: 4px;
}

#right-column #classement table tr { background-image: url(img/bg-score.gif); }

#right-column #classement table tr th,
#right-column #classement table tr td {
  height: 25px;
  line-height: 25px;
  font-size: 11px;
  
  text-align: center;
  border-bottom: 10px solid #3b3b3b;
  font-weight: bold;
  vertical-align: middle;
}

#right-column #classement table tr th.team {
	text-align: left;
	padding-left: 4px;
}

#right-column #classement table tr th span { line-height: 15px; }

#right-column #classement table tr td { vertical-align: middle; }

#right-column #classement table tr.local  {
  background-image: url(img/bg-points.gif);
}

#contact #right-column,
#liens #right-column,
#jeunesse #right-column,
#sponsors #right-column,
#news #right-column,
#resultats #right-column,
#fck #right-column{
  margin-top: -32px;
}

#contact #right-column #right-column-content,
#liens #right-column #right-column-content,
#jeunesse #right-column #right-column-content,
#sponsors #right-column #right-column-content,
#news #right-column #right-column-content,
#resultats #right-column #right-column-content,
#fck #right-column #right-column-content{
    padding-top: 32px;
}

#right-column ul#sub-menu li a{
  float: none;
  display: block;
  height: 26px;
  line-height: 26px;
  width: 290px;
  border-width: 0px;
  border-bottom: 10px solid #3c3c3c;
  font-size: 11px;
  font-weight: bold;
  background-image: url(img/bg-sub-menu.gif);
  background-repeat: no-repeat;
  background-position: 0px -26px;
  /*margin-bottom: 10px;*/
  padding-left: 10px;
}

#right-column ul#sub-menu li.current a,
#right-column ul#sub-menu li a:hover{
  background-position: 0px 0px;
}

#right-column div#gallery div {
  float: left;
  width: 140px;
  padding: 0px;  
}

#right-column div#gallery div#album { margin-left: 20px }

#right-column div#gallery a.more {
  text-decoration: none;
  border-bottom: 1px dotted #fc0000;
}

#right-column div#gallery a:hover.more{ border:none;}

/**** le footer ***/
div.clear,
div#footer { clear: both; }

div#footer{
  height: 25px;
  border-bottom: 1px solid #000;
  font-size: 11px;
}

div#footer p {
  padding-top: 5px;
  padding-left: 20px;
}

/***** Lightbox ******/
#lightbox a { border-width: 0px; }


/***** Générique *****/
.clear{
  display: block;
  height: 1px;
  margin: 0px;
  padding: 0px;
}