@import url("menu.css");
@import url("bottom.css");
@import url("niceforms.css");
@import url("highslide.css");

/* 
Global
-----------------------------------------
*/
body * { 
	margin:0; 
	padding:0; 
}

img {
	border:none;
}

img.partenaires {
	padding-left:50px; 
}

img.left { 
	float:left; 
	margin:0 10px 0 0; 
}

img.right { 
	float:right; 
	margin:0 0 0 10px;
}

.img_floatLeft  { margin-right: 20px; float: left }
.img_floatRight  { margin-left: 10px; float: right }

form {
	margin:0;
}

.cb { 
	clear:both;
}

.sep { 
	clear:both; 
	height:15px; 
	line-height:1px; 
	font-size:1px; 
}

span.nonDispo {
	font-weight:bold;
	color:red;
}

/* 
Le format du site web
**************************/
body, p, li, td, th   { 
	color: #000; 
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

p {margin: 0px 0 0 10px;}

p.help {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000; 
	font-size: 10px; 
	font-weight: bold;
	margin: 10px 0 0 10px; 
	padding-left:20px; 
	background:url(../images/template/helptopics.gif) no-repeat; 
	height: 30px;
}
	
a { 
	color: #000;
}

h1 {
	font-size:11px;
	color:#000099;
	border-bottom:1px solid #000099;
	text-transform:uppercase;
	margin: 5px 0px 5px 0px;
	padding: 5px 0px 0px 5px;
}

h2 {
	font-size:12px;
	color:#1D4B9E; 
	font-weight:bold; 
	background:url(../images/template/catbg.gif); 
	height:20px;
	margin: 5px 0px 5px 0px;
	padding: 5px 0px 0px 5px;
}

.chapeau {font-size:1.3em; margin:5px 0 15px; font-weight:bold}

.legende { color: #9c9c9c; padding:10px 0; border-top:1px dotted #9c9c9c}
.legal { font-size:0.8em; color: #9c9c9c; padding:5px 0; border-top:1px dotted #9c9c9c;}
.box { font-size:0.8em;color: #9c9c9c;  height:82px; overflow:auto; margin:5px 0 0; border:1px solid #ccc; padding:2px 5px; background:#fff}

/* 
Top
-----------------------------------------
*/
#top    { margin-right: auto; margin-left: auto; width: 965px;}
.asl #top   { 
	background: url("../images/template/banniere.gif") no-repeat #fff; 
}

#header  { height: 150px;}
#logo     {  width: 360px; height: 96px; float:left; position: relative }

/* 
Le format du site web
**************************/
div#news-slide {
	position:relative;
    overflow:hidden;
    float:left;
    width:390px;
    height:1.3em;
	top:115px;
	left:363px;
}
ul#news-slide-list {
	position: relative;
    overflow:hidden;
    width:390px;
    height:1.3em;
	list-style:none;
}
ul#news-slide-list li {
	position: absolute;
	left:410px;
	top:0px;
	color:white;
}

ul#news-slide-list li.news-slide-first, li.news-slide-first {
    left:0;
}

/* 
Main
-----------------------------------------
*/
#main{
	margin-right: auto; 
	margin-left: auto; 
	width: 965px;	
}

#main .mainContent{
	position:relative;
}

/* 
Colonne gauche
-----------------------------------------
*/
.colAccueil  { 
	width: 595px; 
	float: left;
}

.colEffectifs, .colConvocations{ 
	width: 685px; 
	float: left;
}

.colBureau {
	width: 235px; 
	float: left;
}

.colContact, .colLivreOr {
	width: 400px; 
	float: left;
}

.colTousLesArticle1 {
	width: 279px; 
	float: left ;
	margin-top:5px;
}

.colClas1, .colCalEqu1 {
	width: 270px; 
	float: left;
}

.colHymne1, .colArticle1, .colPartenaires1    { 
	width: 289px; 
	float: left ;
	margin-top:5px;
}

.colSouv1 , .colEdito1, .colHistorique1, .colArchives1, .colResultats, .colCoupe  { 
	width: 200px; 
	float: left ;
	padding-top:5px;
}

.calEqu1, .calActu1 , .colStats1, .colPhotos, .colPresse { 
	width: 190px; 
	float: left ;
	margin-top:5px;
	background:#fff;
}

.colGalerie { 
	width: 955px; 
	float: left ;
	margin-top:5px;
	background:#fff;
}

/* 
Colonne droite
-----------------------------------------
*/
.colAccueil2 { 
	width: 360px; 
	float: right;
}

.colEffectifs2, .colConvocations2 { 
	width: 270px; 
	float: right;
	margin-top:5px;
}

.colBureau2 { 
	width: 575px; 
	float: right;
	margin-top:5px;
}

.colContact2, .colLivreOr2 { 
	width: 555px; 
	float: right;
}

.colHymne2, .colTousLesArticle2, .colArticle2, .colPartenaires2, .colCalEqu2, .colClas2    { 
	width: 676px; 
	float: right;
}

.colSouv2, .colEdito2, .colHistorique2, .colArchives2, .colResultats2, .colCoupe2  { 
	width: 755px; 
	float: right;
}

.calEqu2, .calActu2 , .colActu2, .colStats2, .colPhotos2, .colPresse2  { 
	width: 765px; 
	float: right;
}

/* 
Content
-----------------------------------------
*/
.container #content {
	float: left; 
	width: 460px; 
	text-align:justify;
}

.container #content2 {
	float: left; 
	width: 440px;
	text-align:justify;
}

.container #contentCalEqu, 
.container #contentCalActu ,
.container #contentStats, 
.container #contentResume, 
.container #contentEdito,
.container #contentHymne {
	float: left; 
	width: 550px;
	text-align:justify;
}

.container #contentSouv,
.container #contentHistorique,
.container #contentArchives {
	float: left; 
	width: 540px;
	text-align:justify;
}

#sidebar {padding-right: 1px; padding-top: 5px; text-align:justify; background:#fff;}
#sidebarResume {padding-right: 1px; text-align:right;}
.container #sidebar, .container #sidebarResume{
	float: right; 
	width: 200px;
}

#impression {text-align:left; padding: 10px 10px 10px 10px}

/* 
Actu ASL
-----------------------------------------
*/
.actuSiteAccueil, .afficheLiens{
	clear: both;
	text-align:center;
}

.actuSiteAccueil a, .afficheLiens a{
	display: block;
	text-align:left;
	padding: 10px 0 0 10px;
	text-decoration: none;
	*zoom: 1;
}

.actuSiteAccueil a:hover{
	background-color: #E6E6E6;
	*zoom: 1;
}

.actuSiteAccueil .dateHeure{
	display: block;
	color:#1D4B9E;
	text-align:right;
}

.actuSiteAccueil .interlude, .afficheLiens .interlude{
	padding: 0 0 0 0;
	display:block;
	text-align: justify;
	font-weight:bold;
}

.actuSiteAccueil .title, .afficheLiens .title{
	display: block;
	font-size: 13px;
	color:#1D4B9E;
	font-weight:bold;
	border-bottom:1px solid #1D4B9E;
}

.actuSiteAccueil .photo, .afficheLiens .photo{
	float: left;	
	margin: 0 10px 0 -10px;
	border: 1px solid #336699;
}

.actuSiteAccueil .theme , .afficheLiens .theme{
	background:#E6E6E6;
	color:#1D4B9E;
	text-align:left;
	border:1px solid #FFF;
	margin: 0 0 0 0px;
}

.plusInfos{
	height:20px;
	background:#fff url("../images/template/plusInfos.gif") no-repeat right;
	text-align:right;
	padding-top: 5px;
	font-weight:bold;
}

.sandwich{
	color:#1D4B9E;
	font-weight: bold;
}

/* AFFICHAGE DES EVENEMENTS
********************************************/
.detail p img { vertical-align : top; }
.detail p.img { float : left; margin : 0; }
.detail p.date{ margin : 0px 0px 5px 0px; text-align:center; color:#000099; font-weight:bold;}

/* AFFICHAGE DES MATCHES A VENIR
********************************************/
#matchAVenir{
	border-bottom: 2px solid #336699;
}
#matchAVenir strong {
	color: #000099;
}

#matchAVenir .infos {
	font-weight:bold;
}

/*
Titre 
-----------------------------------------
*/
#titre{
	background-image: url("../images/template/fondTitre.gif");
	border:1px solid #A3CFFA;
	font-weight:bold;
	text-transform: uppercase;
	font-size:10px;
	height: 20px;
	margin: 5px 0px 5px 0px;
	padding: 8px 0px 0px 5px;
	color:#FFF;
}

#sousTitre{
	background-image: url("../images/template/fondTitre2.gif");
	border-bottom:1px solid #0E4389;
	font-weight:bold;
	text-transform: uppercase;
	text-align: center;
	font-size:10px;
	height: 23px;
	margin: 5px 0px 5px 0px;
	padding: 7px 0px 0px 5px;
	color:#000099;
}

.msgOk{
	display: none;
	border:solid 2px #000099;
	background-color:#6699CC;
	color:#000099;
	font-weight:bold;
	height: 20px;
	margin: 5px 0px 5px 0px;
	padding: 5px 0px 0px 5px;
}

.envoiCourrier, .livreOrOk, .boiteIdeesOk{
	display: none;
	background:url(../images/template/loader.white.gif) no-repeat; 
	color:#000099;
	font-weight:bold;
	height: 20px;
	margin: 5px 0px 5px 0px;
	padding: 3px 0px 0px 20px;
}

.msgErr {
	display: none;
	color:red;
	font-weight:bold;
	font-style:italic;
	height: 20px;
	margin: 5px 0px 5px 0px;
	padding: 5px 0px 0px 5px;
}

.descriptionPartenaires {
	text-align:justify;
}

/*
SOUVENIRS ACCUEIL
-----------------------------------------
*/
#slider {
    width: 200px; /* important to be same as image width */
    height: 150px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	margin-left:80px;
	border:1px solid #000;
}

#sliderContent {
    width: 200px;
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 10px Verdana, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 200px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}

.clear {
	clear: both;
}

.sliderImage span strong {
    font-size: 10px;
}

.bottom {
	bottom: 0;
    left: 0;
}

/*
CORNER
-----------------------------------------
*/
div.corner { 
	color: #000; 
	font-family: verdana, arial, sans-serif;
	background: #eee;
	margin-top:5px;
	padding:5px;
}

/*
CORNER
-----------------------------------------
*/
.signature {
	font-size:11px;
	color:#000099;
	border-top:1px solid #000099;
	text-transform:uppercase;
	margin: 15px 0px 5px 0px;
	padding: 5px 0px 0px 5px;
	text-align: right;
	font-weight:bold;
}

/* 
ARCHIVES
-----------------------------------------
*/
table.archives {
	width:100%;
	border-collapse:collapse;
}

table.archives td {
	color: gray;
	padding : 10px 0px 20px 50px;
}

/* 
LIENS
-----------------------------------------
*/
a.clubLiens span.choixMenu{
	display:block; 
	top:2em; 
	left:2em; 
	border:1px solid #eee;
	color:#000099;
	text-align:center;
	font-weight:bold;
	padding:20px;
	margin-bottom:5px;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
}

a.archivesLiens span.choixMenu{
	display:block; 
	top:2em; 
	left:2em; 
	border:1px solid #eee;
	color:#000099;
	text-align:center;
	font-weight:bold;
	padding:5px;
	margin-bottom:1px;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
}

a.articlesLiens span.choixMenu{
	display:block; 
	top:2em; 
	left:2em; 
	border:1px solid #eee;
	color:#000099;
	text-align:center;
	font-weight:bold;
	padding:5px;
	margin-bottom:5px;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
}

a.clubLiens:hover span.choixMenu,
a.archivesLiens:hover span.choixMenu,
a.articlesLiens:hover span.choixMenu{
	background-color:#eee;
}

/* 
DEFILEMENT PHOTOS VIE DU CLUB
-----------------------------------------
*/
#vieClub {
	margin: 1em auto;
	border: 1px solid #000;
	width: 300px;
	height: 220px;
}

/* 
TABLEAU
-----------------------------------------
*/
table.tableau {
	text-align:center;
	border-collapse:collapse;
	width:100%;
	margin:auto;
}
table.tableau thead tr th, table.tableau tfoot tr th {
	background: #EAEAEA;
	color:gray;
	border-bottom: 1px solid black;
	font-size: 8pt;
	padding: 4px;
	margin: 4px;
	text-transform:uppercase;
}
table.tableau thead tr th.left{
	text-align:left;
}
table.tableau thead tr .header {
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

table.tableau tbody td {
	color: #3D3D3D;
	padding: 4px;
	vertical-align: top;
}
table.tableau tbody td.left {
	text-align:left;
}
table.tableau tbody td.justify {
	text-align:justify;
}


table.tableau tbody td.alterne1 {
	background-color: #FFF;
}
table.tableau tbody td.alterne2 {
	background-color: #EEE;
}
table.tableau tbody td.bold {
	font-weight: bold;
}

table.calendar { 
	text-align:center;
	border-collapse:collapse;
	width:100%;
	margin:auto;
	margin-bottom:5px;
	margin-top:5px;
}
table.calendar thead th { background:#EAEAEA; border-bottom: 1px solid black; font-weight:bold; text-align:left; color:gray;padding:2px;text-transform:uppercase;}
table.calendar thead th.date    { width:16%;}
table.calendar thead th.match   { width:40%; }
table.calendar thead th.position , table.calendar thead th.journee, table.calendar thead th.score, table.calendar thead th.phase   { width:10%; }
table.calendar thead th.coupe, table.calendar thead th.comp   { width:15%; }
table.calendar thead th.coupeCalend   { width:25%; }
table.calendar thead th.scoreCoupe   { width:30%; }

table.calendar tbody td { height:37px; text-align:center; border-top:solid #CACACA 1px; }
table.calendar tbody td.extratime { height:10px; text-align:right; color:gray; border:none; font-weight:bold;}
table.calendar tbody td.journee { height:10px; text-align:center; background:#CACACA; color:white; border:none; font-weight:bold;}
table.calendar tbody td.mois { padding:2px;height:10px; text-align:left; background:#CACACA; color:white; border:none; font-weight:bold; text-transform:capitalize;}

table.calendar .date, table.calendar .coupe, table.calendar .comp, table.calendar .phase {text-align:left; padding:2px}
table.calendar .match {text-align:left; padding:2px;font-weight:bold}
table.calendar .journee {text-align:left; padding:2px;}
table.calendar .position {text-align:center; padding:2px;}
table.calendar .score, table.calendar .scoreCoupe {text-align:center; padding:2px;font-weight:bold}

table.tableau  th.joueurs {width:25%;text-align:left}
table.tableau  th.stats {width:10%}

table.tableau  th.equipe {width:35%;text-align:left}
table.tableau  th.details {width:6%}

/* 
STATISTIQUES
-----------------------------------------
*/
span.statsJoueurs1 {
	display: block;
	background-color:#E6EEEE;
	margin:5px;
	padding:2px;
	text-transform:capitalize;
}

span.statsJoueurs2 {
	display: block;
	margin:5px;
	padding:2px;
	text-transform:capitalize;
}

#stats{
	border-bottom:solid 1px #afc6db;
	border-left:solid 1px #eee;
	border-right:solid 1px #afc6db;
	width:441px;
	font-weight:bold;
}

ul#statsJoueur {
	height:16px;
	border:0px;
	margin:0px;
	padding:0px;
	list-style-type:none;
}

ul#statsJoueur li {
	display:block;
	text-align:right;
	padding:5px 0px 0px 0px;
	margin:0px;
	float:left;
	height:20px;
}

li.score {
	color:#000000;
	text-align:center;
	padding:2px;
	background-color:#FFFFFF;
	display:block;
	vertical-align:middle;
}

.meilleurJoueur p.img { 
	float:left; 
	margin:0; 
}

.meilleurJoueur p.joueur { 
	margin:0px 0px 5px 0; 
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
}

.meilleurJoueur p.stats {
	margin-bottom:11px;
	text-align:center;
	font-weight:bold;
	size:15px;
	color:#000099;
}

.statsJoueur ul li span {
	float : right;
	color:#afc6db;
}

.statsJoueur ul {
	margin : 0;
	padding : 0;
	list-style : none;
}
.statsJoueur ul li {
	background : #fff url("../images/template/hr.gif") no-repeat;
	padding-top : 3px;
	padding-bottom : 3px;
	
}

/* 
SPAN
------------------------------------------------
*/
span.dernierResultat {
	text-align:center;
	display: block;
	margin:5px;
	padding:2px;
	font-weight:bold;
}

span.infosDernierResultat {
	text-align:center;
	display: block;
	margin:5px;
	padding:2px;
	color:gray;
}

span.compteARebours{	
	text-align:center;
	color:#000099;
	text-transform: capitalize;
	font-weight:bold;
	margin:5px;
	padding:2px;
	display: block;
	border-bottom:1px solid black;
	background-color:#EEE;
}

span.nonDispo{
	text-align:center;
	color:red;
	font-weight:bold;
	margin:5px;
	padding:2px;
	display: block;
	text-transform:uppercase;
}

span.journee{
	text-align:left;
	color:gray;
	font-weight:bold;
	padding:2px;
	margin-bottom:5px;
	display: block;
	text-transform:uppercase;
	font-size:14px;
}

span.titreLivreOr {
	color:#0000CC;
	font-weight:bold;
	text-transform: uppercase;
	font-size:10px;
}

span.titreFonction{
	text-align:center;
	font-weight:bold;
	color:#000099;
	display:block;
	padding-bottom:2px;
}

/* Journée du calendrier
/******************************/
#journee ul  { 
	height: 40px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	display: block; 
	margin: 0; 
	padding: 0px 0 0 9px; 
}

#journee li { 
	font-size: 10px;
	display: block; 
	margin: 0; 
	height: 40px; 
	width: 40px;
	float: left; 
	background-image: url(../images/template/puce_galerie.gif); 
}

#journee li a { 
	color: #000099; 
	font-weight:bold;
	text-decoration: none; 
	display: block; 
	padding-left: 0px; 
	height: 10px; 
	font-size: 20px;
}

#journee li span.oRight { 
	display: block; 
	padding: 5px 10px 8px 12px;
}

#journee li span.oRightDizaine { 
	display: block; 
	padding: 5px 10px 8px 5px;
}

#journee li a:hover span.oRight, #journee li a:hover span.oRightDizaine { 
	color: black; 
}

label.souvenirs {
	font-family:Verdana;
	font-weight:normal;
	font-size:10px;
	text-transform:uppercase;
}

div.blocSouvenirs{
	height:60px;
	width:180px;
}

div.blocSouvenirs a{
	text-decoration:none;
	color:black;
	font-weight:bold;
}

div.descriptionSouv{
	text-align:justify;
	font-weight:bold;
}

a.info{
    position:relative; 
    z-index:24; 
    text-decoration:none
}

a.info:hover{
	z-index:25; 
}

a.info span.infos, a.info span.photoJoueur{
	display: none;
}

a.info:hover span.infos{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
	display:block; 
	position:absolute;
	top:2em; 
	left:2em; 
	width:15em;
	border:1px solid #eee;
	background-color:#888; 
	color:white;
	text-align: left;
	font-weight:none;
	padding:10px;
	font-size:10px;
}

a.info:hover span.photoJoueur{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
	display:block; 
	position:absolute;
	top:2em; 
	left:2em; 
	width:10em;
	text-align: center;
	background-color:#eee; 
	color:#6699cc;
	border:1px solid #6699cc;
	font-weight:none;
	padding:1px;
}

/* Le score du match
************************************************************************/
table.scoreResume {
	width:550px;
	margin : 0px 0px 10px 0px;
	padding : 10px 20px 10px 20px;
	text-align:center;
	font-size:0.95em;
	border-collapse:collapse;
}

table.scoreResume th.equipe {
	padding:5px 0px 5px 0px;
	border-collapse:collapse;
	border-bottom:solid 3px #000099;
	color:black;
	font-weight:bold;
	text-transform:uppercase;
}

table.scoreResume td.equipeDom {
	padding:10px 0px 10px 0px;
	border-top:solid 3px #FFF;
	width:200px;
	font-weight:bold;
	text-transform:uppercase;
}

table.scoreResume td.equipeExt {
	padding:10px 0px 10px 0px;
	border-top:solid 3px #FFF;
	width:200px;
	font-weight:bold;
	text-transform:uppercase;
}

table.scoreResume td.scoreDom {
	padding:10px 0px 10px 0px;
	font-weight:bold;
	background-color:#000099;
	border-right:solid 3px #FFF;
	border-top:3px solid #FFF;
	color:white;
}

table.scoreResume td.scoreExt {
	padding:10px 0px 10px 0px;
	font-weight:bold;
	border-top:3px solid #FFF;
	border-left:solid 3px #FFF;
	background-color:#000099;
	color:white;
}

/* Easy Tooltip */
#easyTooltip{
	padding:5px 10px;
	border:1px solid #195fa4;
	background:#195fa4 url(../images/template/bg.gif) repeat-x;
	color:#fff;
	}
/* // Easy Tooltip */

/* Ok pour le formulaire de la recherche de journée de classement
************************************************************************/
#ok {
	vertical-align: middle;
}

/* Stats générales des matches
************************************************************************/
#statsGen .global { font-size:1.1em; margin-bottom:20px; }
#statsGen  ul.global { list-style:none; }
#statsGen .global li { background:#F2F2F2; clear:both; padding:3px 10px; text-align:right; }
#statsGen .global .detail { background:none; padding-left:30px; }
#statsGen .global span { float:left; }