@import 'article2008.css';
@import 'Equipe.css';
@import 'diaporama_partner.css';

@import 'menu.css';

/* Général */

a {
	color: #FF6533;
}
a:hover, a:focus {
	color: #FF4C00;
}

/* --- POSITIONNEMENT --- */

/* Page */
body {
	background-image:url(../images/2008/fdPage.gif);
	background-repeat:repeat-x;
		color: #000;
	background-color:#3BAE71;
	height:100%;
}




#global {
	width: 957px; 
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #60C08E;
	background-color:#009856;
	height:100%;
	overflow:auto;
}

/* En-tête */
#entete {
	background-image:url(../images/2008/headerLvhandball2008.jpg);
	width:957px;height:98px;
	overflow: hidden;
}

#entete .headerMenu{
	float:right;
	font-size:11px;
}

#entete .headerMenu ul{
	margin:0px;padding:0px;
}

#entete .headerMenu ul li{
	float:left;
	margin:4px;
	margin-top:8px;
	margin-left:12px;
	list-style:none;
}

#entete .headerMenu a{
	text-decoration:none;
	color:#000000;
	font-weight:bold;
}

#entete .headerMenu a:hover{
	text-decoration:underline;
}

/*
div.SubMenu{
position:absolute; width:173px; z-index:1; left: 100px;
top: 125px; background-color: #FFFFFF; layer-background-color: #FFFFFF; visibility: hidden;

border:1px solid #006666;
font-family:Arial, Helvetica, sans-serif;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity: 0.9;
}

div.SubMenu a{padding:0px;margin:0px;padding-left:5px;font-size:11px; color:#006666;text-decoration:none;font-weight:bold;width:90%;background-color:#FAFAFA;display:block}
div.SubMenu a:hover{padding-left:5px;font-size:11px;color:#006666;text-decoration:underline;font-weight:bold;width:90%;background-color:#FFFFFF}
*/

/* Bloc central contenant #navigation et #contenu */
#centre {
	width: 100%; 
	height:100%;
}

/* Menu de navigation */
#leftColumn {
	width: 402px;
	float: left; 
	height:100%;
	min-height:441px;
	margin-left:5px
}

#leftColumn .photo{
	width: 402px;
	height:304px;
	background-image:url(../images/2008/fdPhotoPage.gif);
}


#leftColumn .photo img{
	margin-top:16px;
	margin-left:12px;
	border:1px solid #CCC;
}


#leftColumn .photo .infosPhoto{
	width:400px;;
}


#leftColumn .photo div.titrePhoto{
	width:313px;;
	font-weight:bold;
	font-size:12px;
	margin-left:12px;
	text-align:left;
	color:#009856;
	border-bottom:1px dotted #AAA;
	float:left;
}
#leftColumn .photo a.linkMore{
	font-size:11px;
}



/*Articles*/
#leftColumn .articles{
	width:399px;
	height:137px;
	background-color:#FFF;
	margin-top:3px;
	border:1px solid #D2D5DB;
}

 .articles .artHeader{
	background-image:url(../images/2008/fdHeaderGris.gif);
	/*width:399px;*/
	height:27px;
	font-size:12px;
	font-weight:bold;
	color:#009856;
}

.articles .artHeader div{
	margin-top:4px;
	margin-left:10px;

}

.articles .artContent{
	background-color:#FFFFFF;
	width:400px;
}

 .articles .artContent ul{
	margin:0px;padding:0px;
	font-size:12px;
	padding-left:10px;
}

 .articles .artContent li{
margin:0px;padding:0px;
list-style:none;

}

 .articles .artContent li.artAlternate{
margin:0px;padding:0px;
background-color:#E7E8E9;

}


.articles .artContent dl{
	height:32px;
}

 .articles .artContent dt a{
	color:#000000;
	font-weight:bold;
	text-decoration:underline;
	float:left;
	text-transform:uppercase;
	margin-right:5px;
}

 .articles .artContent dt span.artDate{
	font-size:10px;
	color:#999999;
}

 .articles .artContent dd .artTexte{
	font-size:10px;
	width:315px;
	float:left;
}

 .articles .artContent dd .link a{
	font-size:11px;
	width:70px;
	float:left;
	color:#009856;
}

 .articles .artContent dd .link a:hover{
	text-decoration:none;
}

 .articles .artContent dd{
	margin:0px;padding:0px;
}
/*FIN LISTE DES ARTICLES */


/*Colonne du milieu*/
#midColumn{
	width: 366px;
	height:100%;
	min-height:444px;
	float:left;
	background-color:#FFF;
	margin-left:5px;
	border:1px solid #D2D5DB;
}
	
#midColumn .module{
	width:100%;
}
	
#midColumn .module .moduleHeader{
	height:28px;
	background-image:url(../images/2008/fdHeaderVert.gif);
	color:#fff;
	font-size:11px;
	font-weight:bold;
	
}

#midColumn .module .moduleHeader a{
	color:#FFF;
}

#midColumn .module .moduleHeader div{
	margin-left:10px;
	padding-top:3px;
}

#midColumn .module .moduleContent{
	overflow:auto;
	height:100%;
	background-color:#FFFFFF;
	
}

#rightColumn{
	width: 166px;
	float: left;
	background-color:#FFF;
	min-height:446px;
	height:100%;
	margin-left:5px
}


#rightColumn .module{
	width:100%;
}
	
#rightColumn .module .moduleHeader{
	height:20px;
	background-image:url(../images/2008/fdHeaderDroite.gif);
	color:#000;
	font-size:12px;
	font-weight:bold;
	
}

#rightColumn .module .moduleHeader div{
	width:100%;text-align:center;
	padding-top:3px;
}

#rightColumn .module .moduleContent{
	overflow:hidden;
	height:100%;
	font-size:11px;
	background-color:#FFFFFF;
	padding-bottom:8px;
}

/*IMAGE de la semaine */
#rightColumn .module .moduleContent .weekPic{
	margin-top:3px;
	font-size:11px;
	text-align:center;
	width:100%;
}
#rightColumn .module .moduleContent .weekPic img{
	border:1px solid #000;
	background-color:#000;
	padding:1px;
}

/* Contenu
#contenu {
	margin-left: 200px; 
	padding: 10px 20px;
}

#contenu > :first-child {
	margin-top: 10px;
}
#contenu p, #contenu li {
	line-height: 1.5;
}
 */
 
/* Pied de page */
#footer {
	height:37px;
	width:100%;
	color:#FFFFFF;
	font-size:11px;
	text-align:center;
	background-image:url(../images/2008/fdFooter.gif);
	background-repeat:repeat-x;
	margin-top:5px;float:left;
	}
	
#footer	.footerHeader{
	background-image:url(../images/2008/footerPuce.gif);
	width:32px;
	height:27px;
	float:left;
}
	
#footer	.footerContent{
	padding-top:8px;
	height:27px;
	width:*;
}

#footer	.footerContent a{
color:#FFFFFF;
}

/* Mention de copyright */
#copyright {
	margin: 8px 0 0 0;
	font-size: 1em;
	text-align: left;
}



/*MODULE RENCONTRES (RESULTAT OU PROCHAIN MATCH)*/

#Rencontres .title{ text-align:center;color:#000000;font-weight:bold;font-size:11px;height:18px;}
#Rencontres .noResults{ font-size:11px; font-weight:bold;color:#009856;width:100%;text-align:center;margin-top:25px;}

#Rencontres ul{margin:0px;padding:0px;padding-left:10px;font-size:11px}
#Rencontres ul li{ margin:0px;padding:0px;list-style:none;border-bottom:1px dotted #C6C1C2;height:16px;line-height:16px;}
html* #Rencontres ul li{ margin-top:-3px;}
#Rencontres ul li.fdAlternate{ background-color:#EEE;}
#Rencontres ul li img{float:left;}
#Rencontres ul li .libMatch{padding-left:5px;color:#000;font-size:11px;width:210px;float:left;overflow:hidden}
#Rencontres ul li .infosMatch{float:left;}

#Rencontres ul li .infosMatch .scoreMatch{width:40px;font-weight:bold;float:left;}
#Rencontres ul li .infosMatch .accesClassement{width:30px;float:left;text-align:center;margin-left:10px}

#Rencontres ul li .infosMatch .dateMatch{color:#009856;font-weight:bold;width:70px;float:left;}
#Rencontres ul li .infosMatch .dateMatch a{color:#009856;}
#Rencontres ul li .infosMatch .ficheRencontre{color:#009856;font-weight:bold;float:left;width:28px}


#articleHomePage .title{color:#009856;font-weight:bold;font-size:11px;text-transform:uppercase}
#articleHomePage .photo{float:left;background-color:#CCCCCC;width:105px;float:left;height:80px;margin-right:3px;}
#articleHomePage .content{font-size:11px;width:254px;height:59px;overflow:hidden;text-align:justify}
#articleHomePage a.morelink{font-size:11px;color:#009856;}


/*PAGE 2008*/

#PageColumn {
	width: 572px;
	float: left; 
	height:100%;
	min-height:441px;
	margin-left:5px;
}

#PageColumn .PageContent .titrePage{
	padding-left:5px;font-size:14px;font-weight:bold;width:567px;background-color:#F1F1F1;
	border-bottom:1px solid #CCC; padding-top:5px;
}

#PageColumn .PageContent{
	background-color:#FFFFFF;
	font-size:11px;text-align:justify;
	height:100%;
}

#PageColumn .PageContent .content{height:424px;overflow:auto;margin:0px;}

#PageColumn .PageContent .titreArticle{
	padding-left:5px;font-size:12px;font-weight:bold;width:567px;background-color:#DFDFDF;
}