/* ***** BEGIN LICENSE BLOCK *****
 * Ce fichier fait partie de ASON-FOOT.COM
 * Copyright (c) 2005-2006 Christophe Schmidlin.
 *
 * Ce fichier contient la description des styles utilises pour le site.
 * Ne pas modifier ce fichier sans avis du createur.
 * Attention: encodage du fichier en UTF-8.
 * ***** END LICENSE BLOCK *****/




/* GENERAL
****************************************************************/

html, body{
	margin: 0;
	padding: 0;
}

body {
	font-family : Tahoma,Arial,Helvetica,sans-serif;
	font-size : 75%;
	background : #5e635c;
	text-align: center;
}


/* BODY
****************************************************************/

#page, #page2 {
	position: relative;
	width: 980px;
	text-align: left;
	margin : 0px auto;
	padding : 0px;
}

#page {
	background: transparent url(/styles/classic/images/interface/bg.png) repeat-y left;
}


#page2{
	/* height : 100%; */
	background: transparent url(/styles/classic/images/interface/bgfull.png) repeat-y left;
}



/* FRAMES
****************************************************************/

#top {
	height: 117px;
	width: 960px;
	margin : 0 10px;
	background: #9c9c9c url(/styles/classic/images/interface/banner.jpg) no-repeat center top;
}

#nav-box {
	width: 960px;
	margin : 0 10px;
	border-top: 1px solid #fff;
	padding : 0;
	background-color: #3da141;
	text-align: right;
	font-weight : bold;
	font-size : 1em;
	text-shadow: 0px 1px 2px gray;
}

#footer {
	clear: both;
	margin: 0 10px;
	padding: 8px;
	background: #ddd;
	color: #999;
	text-align: center;
}

#footer a{
	font-weight: bold;
	text-decoration: none;
}

#bottomborder {
	background: transparent url(/styles/classic/images/interface/bg-bottom.png) repeat-x center bottom;
	height: 10px;
}




/* MAIN FRAME
****************************************************************/

#main, #main2 {
	padding-bottom: 1em;
	margin-top: 0;
	color: inherit;
	text-align: center;
	overflow: hidden;
}


/* main = normal */
#main {
	width: 670px;
	margin-left: 10px;
	margin-right : 10px;
}

/* main2 = full screen */
#main2 {
	width: 980px;
}


#preview {
	width: 690px;
	height: 660px;
	z-index:+1;
	position:absolute;
	background: transparent url(/styles/_shared/images/preview.gif) no-repeat center top;
}

#content {
	margin: 20px;
	padding-bottom: 1em;
	padding-left: 20px;
	text-align: left;
}

#content2 {
	margin: 20px 0;
	padding-bottom: 1em;
	padding-left: 0px;
	text-align: center;
}



/* SIDEBAR FRAMES
****************************************************************/

#sidebar {
	float : left;
	display: inline;
	width: 280px;
	margin-right : 0px;
	margin-left : 10px;
	margin-top: 0em;
	padding-top: 10px;	
	padding-bottom: 30px;
	/*background: #F6F5F4;*/
	font-family : Verdana,Tahoma,Arial,Helvetica,sans-serif;
	font-size: 0.9em;
	color: inherit;
	line-height: 1.4em; /* peek-a-boo bug d'IE */
}

#sidebar div{
	margin-left: 0px;
	margin-right: 0px;
}

#sidebar h2 {
	background: transparent url(/styles/classic/images/interface/h2side.png);
	color: #881D07;
	padding: 5px 5px 5px 15px;
	font-size: 1.2em;
	margin-left: 0px; 
	margin-right: 0px; 
}

#sidebar ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

#sidebar a{
	color: #6D421F;
	text-decoration: none;
	background: #F6F5F4;
}

#sidebar a:hover {
	text-decoration: underline;
	background: #F6F5F4;
}


#links, #une, #calendars, #birthdays, #galerie, #Statistiques, #weather, #counter{
	margin-left : 10px;
	margin-top: 1em;
	text-align: left;
}

#weather div {
	margin-left: 30px;
}


#calendars ul li {
	padding-left: 2px;
}

#links h3, #calendars h3{
	color: #888;
	background: transparent;
	margin-bottom: 0.5ex;
	font-size: 1em;
}

#links ul {
	padding-left: 20px;
	list-style-image: url(/styles/classic/images/favlink_arrow.gif);
	list-style-position: inside;
}

#links ul li {
	padding-top: -1px;
	padding-bottom: 2px;
}


#links ul li a, #links ul li a:visited {
	padding-left: 0px;
	color: #434343;
	background: transparent;
}

#links ul li a:hover {
	padding-left: 0px;
	background: transparent;
}


.mOvr1, tr.mOvr1, li.mOvr1 {
	background: #d5e5d2;
}



#links a.go {
	background: url(/styles/classic/images/favlink_arrow.gif) no-repeat 30px 50%;
	display: block;
	text-decoration: none;
	color: #5b5b5b;
	padding: 1px 10px 2px 47px;
	margin: 0px;
}

#links a.go:hover {
	background: #f8f8f8 url(/styles/classic/images/favlink_arrow.gif) -270px 50% no-repeat;
	text-decoration: none;
}

#links a.go:active {
	background: #d4d4d4 url(/styles/classic/images/favlink_arrow.gif) -570px 50%  no-repeat;
	color: #ffffff;
	text-decoration: none;
}


#birthdays ul {
	padding-left: 25px;
}

#birthdays ul li {
	font-size: 10px;
	font-weight: bold;
	height: 44px;
	padding: 1px;
}

#birthdays ul li div.cont {
	margin: 0.6em 0px 1.2em;
	padding: 0px;
}

#birthdays ul li div.cont img {
	width: 38px;
	height: 38px;
	border: 1px solid gray;
	float:left;
	margin-left: 4px;
	margin-right: 6px;
	margin-top:-4px;
	vertical-align: middle;
}



/* DIVERS
****************************************************************/

div.construction {
	background: url(/styles/_shared/images/construction.jpg) no-repeat center center;
	width: 541px;
	height: 129px;
	margin: 180px auto;
}

div.construction p {
	text-align: center;
	padding-top: 150px;
	font: 12px Verdana;
}




/* DETAILS MATCH BARRE LATERALE
****************************************************************/


div.detail {
	position: absolute;
	z-index: 5000;
	left: 272px;
	width: 414px;
	font-size: 10px;
}

.classicDetail {
	background: url(/styles/classic/images/details/sb_topbulle.png) 0 0 no-repeat;
}

div.detailTop {
	width: 181px;
	height: 22px;
	background: url() 0 0 no-repeat;
}

div.detailClose {
	width: 22px;
	height: 22px;
}

div.detailContent {
	width: 377px;
	margin: 0;
	padding: 25px 7px 15px 30px;
	text-align: center;
	vertical-align: middle;
	font-size: 11px;
	font-family: Tahoma;
	line-height: normal;
}

.classicDetailContent {
	color: #17282e;
	background: url(/styles/classic/images/details/sb_middlebulle.png) 0 0 no-repeat;
}

div.detailBottom {
	width: 414px;
	height: 20px;
}

.classicDetailBottom {
	background: url(/styles/classic/images/details/sb_bottombulle.png) 0 0 no-repeat;
}





/* STYLES CALENDRIER BARRE LATERALE
****************************************************************/


#calendars div.clist { background: #ebf2e8; }
#calendars div.clist ul { margin-left: 1px; margin-right: 1px; }

#calendars div.clist ul li {
	border-bottom: 1px solid white;
	padding-left: 10px;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
}

#calendars a, #calendars a:visited, #calendars a:hover {
	cursor: pointer;
	margin: 0;
	padding: 0;
	text-decoration: inherit;
	color: inherit;
	background: inherit;
}

#calendars div.clist ul li img {
	position: relative;
	left: 0px;
	top: 1px;
	margin-right: 4px;
}

#calendars div.clist ul li span.ctit { font-size: 11px; background: transparent; }
#calendars div.clist ul li div.cequ { padding-left: 10px; font-size: 10px; }