/*****************************************************************
*   NOM FICHIER   :	style.css
*   VERSION       :	1.0
*   CONTENU       :	Fichier CSS inclus dans afficherCSS()
*   PROJET        :	JSB FOOT
*   CREATION      :	25 Mai 2009
*   AUTEUR        :	R.Ferlet
*********************************************************************/

/*
########################################
Blocs de base
######################################## 
*/

body 
{
	font-family:  Verdana, Tahoma, Arial, sans-serif;
	font-size:11px;
	background:black;
	color:black;
	margin:0;
	padding:0;
	z-index:10;
}

a
{
	color:red;
	text-decoration:underline;
}

a img
{
	border: none;
}

a:hover
{
	text-decoration:none;
}

table
{
	font-size:11px;
}

input, select
{
	font-family:Verdana,Arial,sans-serif;
	background:white;
	border:1px solid black;
	margin:3px;
}
input:focus, textarea:focus
{
	background:#E6E6FA;
	border:1px solid red;
	font-family:Verdana,Arial,sans-serif;
}
textarea
{
	font-family: Verdana,Arial,sans-serif;
	font-size:12px;
	overflow:auto;
}
/*
########################################
TailleTexte
######################################## 
*/
.Douzepx
{
	font-size:14px;
}
.Quatorzepx
{
	font-size:14px;
}
.Seizepx
{
	font-size:16px;
}
.DixHuitpx
{
	font-size:18px;
}
.Vingtpx
{
	font-size:20px;
}
/*
########################################
En tête
######################################## 
*/
#GHead 
{
	margin:0;
	padding:0;
	text-align:center;
	color:white;
	background: url('../data/images/fond/Fond7.jpg') top;
}

#GHead table
{
	color:white;
}
#GHeadL1 
{
	margin-left:auto;
	margin-right:auto;
	width:960px;
	text-align:left;
	/*border:1px solid white;*/
	margin-bottom:5px;
	height:80px;
}
#GHeadBackground 
{
	margin-left:auto;
	margin-right:auto;
	width:960px;
	height:70px;
	position:absolute;
		z-index:111;

}
/*
########################################
Menu
######################################## 
*/
.GHeadMenu
 {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
	z-index:11160;
}

.GHeadMenu ul.nav-line 
{
	font-size:11px;
	font-weight:bold;
	margin:0;
	padding:5px 0;
	text-align:right;
}

.GHeadMenu ul.nav-line li 
{
	display:inline;
	text-transform:uppercase;
	margin-left:2px;	
}

.GHeadMenu ul.nav-line li a 
{
	border-left:1px solid black; border-right:1px solid black; border-top:1px solid black; border-bottom:medium none; color:black;
	text-decoration:none;
	background:url('../data/images/structureSite/imgFondBoiteHover.png') repeat-x bottom;
	-moz-border-radius: 5px 5px 0px 0px; padding-left:10px; padding-right:10px; padding-top:3px; padding-bottom:5px
}

.GHeadMenu ul.nav-line li a:hover  
{
	background:red url('../data/images/structureSite/fond_titreBoite.jpg') repeat-x bottom;
	color:white
}

.GHeadMenu ul.nav-line .actuel
{
	background:black;
	color:white;
	border:1px solid white;
	border-bottom:none;
}
/*
########################################
Corps
######################################## 
*/

#GBody 
{
	margin:0;
	padding:0;
	text-align:center;
	background: url('../data/images/fond/Fond7.jpg') top;
	/*background: url('./../data/images/structureSite/fondBody.jpg') no-repeat top center;*/
}

#GBodyCtc 
{
	border-left:3px solid black; border-right:3px solid black; border-top:3px solid black; margin-left:auto;
	margin-right:auto;
	width:960px;
	border-bottom:medium none;
	padding-top: 10px;
	padding-bottom: 5px;
	text-align:left;
	color:black;
	background:white url('../data/images/structureSite/fondContainer.png') no-repeat bottom right;
}

#BodyCtc table
{
	color:black;
}
/*
########################################
Pied de page
######################################## 
*/
#GFoot
{
	clear:both;
	color :white;
}

#GFoot table, #GFoot a
{
	color:white;
}

#GFoot h3
{
	font-size:14px;
	margin:none;
	color:white
}
#GFootSep 
{
	color:black;
	height:20px;
	text-align:center;
	background: white url('../data/images/structureSite/separe.png') no-repeat 20% 20%;
	border-top:1px solid black;
	border-bottom:2px solid black
}
/*
########################################
Boite Type du site
######################################## 
*/
.boite
{
	border:1px solid black;
	color:black;
	background:white url('../data/images/structureSite/imgFondBoiteHover.png') repeat-x bottom;
}
.titreBoite, .lienClassement
{
	text-align:left;
	font-size:22px;
	/*background:url('./../data/images/structureSite/fond_titreBoite.jpg') repeat-x top black;*/
	color:red;
	padding-left:10px;
	font-family:Impact, MS,Arial,sans-serif;
	border-bottom: 1px solid black;
	text-transform:uppercase;
	background:white url('../data/images/structureSite/imgFondBoiteHover.png') repeat-x bottom;; padding-right:0px; padding-top:0px; padding-bottom:0px

}

.titreBoite a
{
	text-decoration:none;
	color:red;
	font-size:16px;
}
/*
########################################
Ombre
######################################## 
*/
.shadow
{
	height:13px;
	display:block;
	background:url('../data/images/structureSite/shadow.png') no-repeat right top;
}

/*
########################################
Titres Divers
######################################## 
*/
.lienClassement
{
	border:1px solid black;
	padding:2px;
	-moz-border-radius: 5px;
	text-decoration:none;
	padding:3px;
	font-size:11px;
	font-family:Trebuchet MS, MS,Arial,sans-serif;
}
.titreCategorie, .titreCategorie2
{
	font-family:Impact,Arial,sans-serif;
	font-size:45px;
	text-transform:uppercase;
	text-align:right;
}

.titreCategorie2
{
	font-size:31px;
}

 .boutonMenuDroite
 {
	font-family:Impact,Arial,sans-serif;
	font-size:25px;
	text-transform:uppercase;
	text-align:left;
	color:red;
 }
 
.boutonMenuDroite a
{
	text-decoration:none;
	display:block;
	padding:none;
}

.flecheVignette
{
	position:relative;
	top:-25px;
	background:url('../data/images/structureSite/flecheVignette.png') no-repeat;
	width:20px;
	height:20px
}
#vignetteNews
{
	background:red url('../data/images/structureSite/fond_titreBoite.jpg') repeat-x bottom;
}

#vignetteNews a
{
	color:white;
	text-decoration:none;
}
.boiteActu
{
	margin-top:-5px;
	border:1px solid black;
}

#tdResultat h3, #tdCalendrier h3, .dateCalendrierSpecial
{
	color:black;
	text-decoration:none;
	font-weight:normal;
	text-transform:uppercase;
	font-size:11px;	
	margin-top:0px;
	margin-bottom:1px;
	border-bottom:1px solid black;
	border-top:1px solid black;
	background:#E6E6FA;
	font-family: Trebuchet MS, Verdana, Arial,sans-serif;
	padding-left:5px;
}

.EquipeAdv, .EquipeBrax
{
	text-transform:uppercase;
}

.Score
{
	font-family: Trebuchet MS, Verdana, Arial,sans-serif;
	font-size:20px;
}

/*
########################################
Style simple de bases (souligne, droite etc)
######################################## 
*/
.rouge, .EquipeBrax
{
	color:red;
}

.gras, .EquipeBrax
{
	font-weight:bold;
}
.italique
{
	font-style:italic;
}
.souligne
{
	text-decoration:underline;
}
.majuscule
{
	text-transform:uppercase;
}

.nonVisible
{
	display:none;
}

.visibilityHidden
{
	visibility:hidden;
}

.gauche
{
	text-align:left;
}

.centre
{
	text-align:center;
}

.droite
{
	text-align:right;
}
.nonVisible
{
	display:none;
}
.lavande
{
	background:#E6E6FA;
}

.fontTrebuchet
{
	font-family:Trebuchet MS,Verdana,Arial,sans-serif;
}

.iconeMenu
{
	position:relative;
	border:1px solid black;
}

/*
########################################
Fond de transparence
######################################## 
*/
.fondNoirTransparent
{
	filter : alpha(opacity=60);
	-moz-opacity : 0.60;
	opacity : 0.6;
	border-top:1px solid black;
	background:black;
	width:100%;
	height:80px;
	padding:0px;
	position:relative;
	top:180px;
}

/*
########################################
Format des news
######################################## 
*/
.divNews
{
	height:261px;
	width: 474px;
}

.dateNews
{
	position:relative;
	top:95px;
	right:5px;
	text-align:right;
	color:white;
	font-family: Trebuchet MS, Verdana, Arial,sans-serif;
	text-transform:uppercase;
	font-size:12px;
	font-weight:normal;
}

.titreNews
{
	position:relative;
	top:100px;
	left:5px;
}

.titreNews h1
{
	color:white;
	font-family:Impact,Arial,sans-serif;
	font-size:25px;
	text-transform:uppercase;
	font-weight:normal;
	margin:0;
}

.sousTitreNews
{
	position:relative;
	top:95px;
	left:5px;
	color:white;
	font-family: Trebuchet MS, Verdana, Arial,sans-serif;
	text-transform:uppercase;
	font-size:12px;

}

.vignetteNews
{
	border:1px solid black;
}

.separationNews
{
	color:red;
	border-top:1px solid red;
	font-size:11px;
}

/*
########################################
Format des flashs
######################################## 
*/

.heureFlash
{
	font-family: Trebuchet MS, Verdana, Arial,sans-serif;
	text-transform:uppercase;
	color:black;
	text-decoration:none;
}

.titreFlash a, .titreFlash
{
	font-family: Trebuchet MS, Verdana, Arial,sans-serif;
	text-transform:uppercase;
	color:black;
	text-decoration:none;
	font-weight:normal;
}

.titreContenuFlash
{
	color:black;
	font-family:Impact,Arial,sans-serif;
	font-size:31px;
	text-transform:uppercase;
	font-weight:normal;
	margin: 10px 0px 10px 10px;
	border-bottom:1px solid black
}

.dateContenuFlash
{
	text-align:right;
	color:gray;
	margin:0;
	margin-right:10px;
	font-size:10px;
}
.contenuContenuFlash
{
	margin:10px;
	font-size:12px;
	text-align:justify;
}

.contenuContenuFlash h2
{
	font-size:14px;
	color:red;
}

.dateCalendrier
{
	font-size:11px;
	color:gray;
}

/*
########################################
Format des photos
######################################## 
*/
.photoEquipe
{
	border:2px solid black;
}
.cadrePhotoNews
{
	height:259px;
	width:250px;
	background:red url('../data/images/structureSite/fondPhoto.png') repeat-x bottom;
	margin:10px
}
.photoNews
{
	margin:10px 10px 0px 10px;
	width:220px;
	max-height:229px;
	border:1px solid black;
}



/*
########################################
Cadre d'erreur ou de succes
######################################## 
*/
.erreur, .succes
{
	padding:10px;
	margin: 0px 10px 0px 10px;
	font-size:12px;
	text-align:center;
	background:#E6E6FA;
}
.erreur
{
	color:red;
	border:1px solid red;
}

.succes
{
	color:green;
	border:1px solid green;
}

/*
######################################################
CSS du tableau de classement importé depuis FFF.FR
######################################################
*/
.fil
{
}
.tablo
{
	width:100%;
	border:1px solid black;
	font-size:14px;
	background:#fff;
	text-align:center;
}
.bgbleu
{
	background:#E6E6FA;
}
.tablo thead .bgbleu
{
	color:white;
	background:black;
	padding:5px;
}
.tablo tr
{
	padding:2px;
}

.al
{
	
}

.txtbleu
{
	color:red;
}

/*
########################################
LightBox
######################################## 
*/

.contenuLightBox, .contenuLightBoxImg
{
	display: none;
}

#SLB-Wrapper {
  margin:0.5em 0;
  margin:auto;
  font-family: Verdana;
  text-align: left;
  position: absolute;

}

#SLB-Wrapper #SLB-Background{
  position: absolute;
  left:7px;
  top:7px;
  float:left;

}

#SLB-Wrapper #SLB-Top {
  background:transparent no-repeat scroll 100% 0;
  height:28px;
  margin:0 0 0 18px;

}
#SLB-Wrapper #SLB-Top img {
  float:right;
  border:0px;
  margin:-25px -5px;
  height:60px;
  width:300px;

}

#SLB-Wrapper #SLB-Top div {
  background:transparent no-repeat scroll 0 0;
  font-size:0;
  height:28px;
  left:-18px;
  line-height:0;
  position:relative;
  width:18px;
}

#SLB-Wrapper #SLB-Bottom {
  background:transparent no-repeat scroll 0 43%;
  height:20px;
  margin:0 18px 0 0;
}

#SLB-Wrapper #SLB-Bottom #SLB-BottomRight {
  background:transparent no-repeat scroll 100% 43%;
  font-size:0;
  height:20px;
  right:-18px;
  line-height:0;
  position:relative;
  width:100%;
  float:right;
}

#SLB-Wrapper #SLB-Bottom.SLB-bbnav, #SLB-Wrapper #SLB-Bottom.SLB-bbnav #SLB-BottomRight{
  height:52px;
}

#SLB-Wrapper #SLB-Bottom.SLB-bbnav {
  background-position:0 100%;
}
#SLB-Wrapper #SLB-Bottom.SLB-bbnav #SLB-BottomRight{
  background-position:100% 100%;
}

#SLB-Wrapper #SLB-Contenido {
  border-left: 7px solid #000;
  border-right: 7px solid #000;
}

#SLB-Wrapper #SLB-Bottom #SLB-Navegador{
  font-size: 14px;
  color: #fff;
  height:30px;
  border-left:0px;
  border-right:0px;
  padding:10px 0px;
  margin:0;
  line-height:11px;
  float:left;
  width:100%;
}

#SLB-Wrapper #SLB-Navegador img{
  border:0px;
}

#SLB-Wrapper #SLB-Navegador strong{
  display: block;
}

#SLB-Wrapper #SLB-Bottom #SLB-Navegador img.btLeft{
  float: left;
  margin: 0 10px 0 0;
}
#SLB-Wrapper #SLB-Bottom #SLB-Navegador img.btRight{
  float: right;
  margin: 0 0 0 10px;
  position:relative;
  right:17px;
}