@import url(custom.css);

html { margin: 0; }
body {
	margin: 0;
	/*margin-top: 50px;*/
	margin-top: -10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
}
.clear {
	clear: both;
}
	#headerswf {
		position:absolute;
		margin-left:10px;
		margin-top:10px;
	}
	#site {
		margin: auto;
		width: 1120px;
		text-align: left;
		/*background: transparent url("img/body_middle.png") repeat-y top left;*/
	}
	
		#header {
			height: 213px;
			/*background: transparent url("img/body_header0.png") no-repeat top left;*/
		}
		#footer {
			clear: both;
			height: 100px;
			background: transparent url("img/body_footer.png") no-repeat top left;
		}
		#conteneur {
			background: transparent url("img/body_middle.png") repeat-y top left;
		}
		#contenu {
			float: left;
			width: 765px;
		}
		#admin_contenu {
			float: left;
			width: 950px;
		}
		
		#left {
			float: left;
			margin-left: 10px;
			width: 150px;
		}
		#right {
			float: left;
			width: 185px;
		}
			
			* html #left {
				margin-left: 5px;
			}
				#left, #right {
					overflow: hidden;
				}
				#left ul li, #right ul li{
					list-style-image: url("img/menu_puce.jpg");
				}
				#left a:link, #left a:visited, #right a:link, #right a:visited {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 10px;
					color: #871007;
					text-decoration: none;
				}
				#left a:hover, #right a:hover {
					color: #871007;
					text-decoration: underline;
				}
				.menu {
					height: 23px;
					padding-left: 10px;
					font-family: Segoe UI, sans-serif;
					font-size: 12px;
					font-weight: bold;
					color: #FFF;
					background: #000 url("img/menu_background.jpg") no-repeat top right;
				}
					.menu:first-letter {
						margin-right: 1px;
						font-size: 1.2em;
						font-style: italic;
					}
					
		.hr1 {
			clear: both;
			width: 948px;
			height: 39px;
			background: transparent url("img/hr_01.jpg") no-repeat top right;
		}

#blocktools {
	padding-top: 5px;
	margin-top: 4px;
	width: 764px;
	height: 85px;
	background: transparent url("img/blocktools.jpg") no-repeat top right;
}
	#blocktools > a {
 		margin: 10px;
	}
/* TABLE */
table.full {
	width: 745px;
}
table.full, table.simple {
	margin-top: 10px;
	margin-left: 10px;
	font-size: 10px;
}
table.full tr.header td, table.simple tr.header td {
	background: #000;
	color: #fff;
	font-weight: bold;
	padding: 5px;
}
table.full tr.ligne1 td, table.full tr.ligne2 td, table.simple tr.ligne1 td, table.simple tr.ligne2 td  {
	border-bottom: 1px #8D8D8D dotted;
	padding: 2px;
	height: 30px;
}
table.full tr th, table.simple tr th {
	background: #EAEAEA;
	height: 5px;
	color: #000;
	font-weight: bold;
	font-size: 12px;
	padding: 5px;
}
table.full tr.ligne1, table.simple tr.ligne1 {
	background-color: #E8E8E8;
	color: #000;
}
table.full tr.ligne2, table.simple tr.ligne2 {
	background-color: #F7F7F7;
	color: #5F5F5F;
}
table.simple {
	border: 1px #000 solid;
	padding: 2px;
}
table.simple tr td {
	padding-left: 5px;
	padding-right: 5px;
}
.newsBlock table.full tr td.data {
	color: #870000;
	font-weight: bold;
	font-size: 11px;
	padding-left: 5px;
	padding-right: 5px;
}
#admin_contenu table.full {
	width: 928px;
}


/* NEWS */

.newsBlock {
	width: 764px;
	background: transparent url('img/news_middle.jpg') repeat-y top left;
}
	.newsHeader {
		height: 91px;
		background: transparent url('img/news_header.jpg') no-repeat top left;
	}
		.newsHeader a:link, .newsHeader a:visited, .newsHeader a :active {
			color: #6F3700;
			font-size: 11px;
			font-weight: bold;
			text-decoration: none;
		}
		.newsHeader a:hover { text-decoration: underline; }
	.newsBlock > .header {
		height: 91px;
		text-align: center;
		color: #fff;
		background: transparent url('img/header_block.jpg') no-repeat top left;
	}
		.newsBlock > .header > h1 {
			padding-top: 30px;
		}
	 .newsHeader > img {
			float: left;
			margin-top: 17px;
			margin-left: 17px;	
			margin-right: 10px;
		}
		.newsHeader > div > h1 {
			font-family: verdana;
			font-size: 18px;
		}
		.newsReduct {
			width: 45px;
			height: 16px;
			background: transparent url('img/news_puce_reduct.png') no-repeat top left;
			cursor: pointer;
		}
		.newsHeader .newsReduct {
			float: right;
			margin-top: 30px;
		}
		.newstitre {
			float: left;
		}
	.newsInfo {
		width: 180px;
		float: right;
		text-align: right;
		margin-top: 15px;
		margin-right: 15px;
	}
	.newsContent {
		clear: both;
		padding: 20px;
	}
	.newsFooter, .newsBlock > .footer {
		height: 74px;
		background: transparent url('img/news_footer.jpg') no-repeat top left;
	}

#SIMOnLine .membre {
	width: 150px;
	height: 26px;
	background: transparent url('img/simonline.jpg') no-repeat top left;
	font-weight: bold;
}
	#SIMOnLine .membre span {
		position: absolute;
		margin-top: 5px;
		font-size: 11px;
	}

/* FORMULAIRE */

.date {
	width: 80px;
	text-align: center;
}
.time {
	width: 40px;
	text-align: center;
}
.btn {
	cursor: pointer;
}

#admin_contenu {
	background: #fff;
}

#admin_contenu > div.titre {
	display: block;
	width: 948px;
	height: 78px;
	padding-top: 20px;
	text-align: center;
	font-size: 15px;
	background: transparent url("img/admin_page_header.jpg") no-repeat top right;
}

#admin_contenu label {
	font-weight: bold;
	font-size: 13px;
	margin: 10px;
	/*position:relative;top: -10px;*/
}
#admin_contenu  select, #admin_contenu input, #admin_contenu textarea, #contenu  select, #contenu input, #contenu textarea{
	padding: 1px;
	border: 1px #800000 solid;
	color: #800000;
	font-size: 10px;
	font-weight: bold;
	margin: 10px;
}
#frmsub  select, #frmsub input, #frmsub textarea {
	/*position:relative;top: -10px;*/
}
#admin_contenu select {
	margin-right: 15px;
}

#admin_contenu div.teamInfo {
	width: 500px;
	margin-left: 50px;
	border: 1px #800000 solid;
	font-weight: bold;
}
	#admin_contenu div.teamInfo > span {
		display: block;
		background: #800000;
		color: #ffffff;
		font-size: 16px;
		padding-left: 20px;
	}
	#admin_contenu div.teamInfo p {
		padding-left: 10px;
	}
	#admin_contenu div.teamInfo p span {
		color: #800000;
	}
	
	#admin_contenu > div > .newsReduct {
			float: right;
			margin-right: 20px;
		}

.frm {
	margin: auto;
	width: 500px;
}
	.frm label {
		display: block;
		float: left;
		width: 200px;
		font-weight: bold;
	}
	.frm span {
		color: #800000;
		font-weight: bold;
	}

#SIMProfil form {
	text-align: center;
}
	#SIMProfil form {
		margin-top: 10px;
	}
	#SIMProfil input {
		border: 1px #800000 solid;
	}
	#SIMProfil > span {
		font-family: Georgia;
		font-weight: bold;
		font-size: 16px;
	}
	#SIMProfil label, #SIMProfil li > span {
		font-weight: bold;
		color: #800000;
	}

/* Calendrier */

#calendrier {
	width: 765px;
	background: transparent url("img/cal_middle.jpg") repeat-y top right;
}
	#calendrier div.header {
		width: 745px;
		height: 60px;
		background: transparent url("img/cal_header.jpg") no-repeat top right;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		color: #fff;
		padding: 10px;
	}
		#calendrier div.header span {
			padding-top: 10px;
		}
	#calendrier div.footer {
		width: 765px;
		height: 39px;
		background: transparent url("img/cal_footer.jpg") no-repeat top right;
	}

#calendrier table {
	width: 742px;
	margin-top: 10px;
	margin-left: 10px;
}
	#calendrier table td {
		width: 106px;
		vertical-align: top;
	}
	#calendrier table td.jour {
		height: 70px;
		border: 2px #1A1A1A solid;
	}
	#calendrier table td.jour ul li {
		cursor: pointer;
	}
	#calendrier table td.blank {
		background: transparent url("img/cal_case_blank.jpg") no-repeat top right;
	}
	#calendrier table td.event {
		background: transparent url("img/cal_case_event.jpg") no-repeat top right;
	}
	#calendrier table td.vide {
		background: transparent url("img/cal_case_vide.jpg") no-repeat top right;
	}
	#calendrier table td.today {
		border: 2px #F00 solid;
	}
		#calendrier table td div.number {
			width: 22px;
			height: 15px;
			margin: 3px;
			border: 1px #000 solid;
			background: #fff;
			color: #000;
			text-align: center;
		}
		#calendrier table td.blank div.number { display: none; }
		#calendrier table td ul {
			margin : 0;
			padding: 0;
			margin-left: 20px;
			font-family: arial;
			font-size: 9px;
			font-weight: bold;
		}
		#calendrier table td ul li { list-style-image: url("img/puce_0.gif");	}
		#calendrier table td ul li.oui { list-style-image: url("img/puce_1.gif");	}
		#calendrier table td ul li.ouinon { list-style-image: url("img/puce_2.gif");	}
		#calendrier table td ul li.non { list-style-image: url("img/puce_3.gif");	}
		

/* Match */

.infomatch {
	font-size: 11px;
	font-weight: bold;
	width: 764px;
	background: transparent url("img/lstmatch_middle.jpg") repeat-y top right;
}
	.infomatch .header {
		font-size: 16px;
		color: #fff;
		height:48px;
		background: transparent url("img/lstmatch_header.jpg") no-repeat top right;
	}
		.infomatch .header span {
			padding: 10px;
		}
	.infomatch .left {
		float: left;
		padding: 15px;
		width: 487px;
	}
	.infomatch td.data {
		color: #800000;
	}
	.infomatch .right {
		float: left;
		padding: 15px;
		width: 217px;
	}
	.infomatch .footer {
		height: 21px;
		clear: both;
		text-align: right;
		padding-top: 15px;
		background: transparent url("img/lstmatch_footer.jpg") no-repeat top right;
	}
		.infomatch .footer span {
			color: #fff;
			margin-right: 20px;
			font-size: 9px;
		}
	.infomatch .map {
		padding: 1px;
		margin-bottom: 2px;
		border: 1px #c0c0c0 solid;
		color: #c0c0c0;
	}
		.infomatch .map .screen {
			float: left;
			margin-right: 10px;
		}
		.infomatch .map .star {
			float: right;
			
		}
		.infomatch .map > span {
			font-size: 14px;
			font-weight: bold;
			color: #800000;
			padding-top: 5px;
		}


/* DEBUG */

#d_trace {
	position:fixed; 
	top:2px; 
	left: 2px; 
	border: 1px #9F9F9F solid; 
	padding:3px; 
	background:#FFF; 
	font-family:verdana; 
	font-size:10px; 
	text-align:left; 
	color: #000;
	z-index: 10;
	filter: alpha(opacity=90);
  -moz-opacity: 0.5;
  opacity: 0.5; 
}
	* html #d_trace {
		position: absolute;
		top: expression(documentElement.scrollTop+body.scrollTop + 2 + "px");
	}
	#d_trace:hover {
		filter: alpha(opacity=100);
	  -moz-opacity: 1;
	  opacity: 1; 
	}
	#d_trace table tr td {
		padding: 2px;
		padding-left: 10px;
	}
	#d_trace table tr td.dtnum {
		background: #F2F2F2;
		color: #9F9F9F;
		font-size: 8px;
		padding-left: 2px;
		border-right: 2px #9F9F9F solid;
	}
	#d_trace table tr td:hover {
		background: #E47B69;
	}
	#d_trace table tr td.dtnum:hover {
		background: none;
	}
	
	
	
/* Match Result */

.matchresult {
	width: 700px;
	margin: auto;
	text-align: center;
}
	.matchresult .left, .matchresult .right {
		width: 300px;
		float: left;
	}
	.matchresult .left {
		float: left;
	}
	.matchresult .right {
		float: right;
	}
	.matchresult .listejoueur {
		text-align: left;
		border: 1px #800000 solid;
	}
	#frmajoutjoueur {
		padding: 10px;
		background: #F4F4F4;
	}
		#frmajoutjoueur .btn {
			/*margin-top: 5px;
			margin-bottom: 5px;*/
		}
			#frmajoutjoueur .btn span {
				position: absolute;
				margin-left: 10px;
				/*margin-top: 4px;*/
				font-weight: bold;
				font-size: 12px;
				color: #800000;
			}
			
	.matchresult textarea {
		font-weight: bold;
		font-size: 15px;
		font-family: tahoma;
		color: #0f0;
		width: 600px;
		height: 10px;
	}
	
.slcolor, .slimage {
	float: left;
	margin: 10px;
	border: 1px #000 solid;
}
	.slcolor {
		width: 20px;
		height: 20px;
	}

#ariane {
	padding: 15px;
	color: #fff;
	text-align: center;
}
	#ariane .link{
		position: relative;
		margin-top: -4px;
	}

.ajoutmap {
	width: 918px;
	padding: 5px;
	margin-left: 10px;
	background: #F4F4F4;
}
	.ajoutmap span {
		position: absolute;
		margin-left: 10px;
		/*margin-top: 4px;*/
		font-weight: bold;
		font-size: 12px;
		color: #800000;
	}
.serveurinfo {
	margin-bottom: 2px;
	width: 150px;
	color: #ECEC00;
	background: transparent url("img/serveur_middle.jpg") repeat-y top left;
}
	.serveurinfo .header {
		height: 23px;
		background: transparent url("img/serveur_header.jpg") no-repeat top left;
		color: #FFF;
		font-weight: bold;
		font-size: 14px;
		padding-top: 5px;
		padding-left: 5px;
	}
		.serveurinfo .header > img {
			float: left;
			margin-right: 5px;
		}
	.serveurinfo .footer {
		height: 21px;
		background: transparent url("img/serveur_footer.jpg") no-repeat top left;
		color: #b2b2b2;
		font-size: 12px;
		text-align: center;
	}
	.serveurinfo .screen {
		float: left;
		margin-left: 6px;
		margin-right: 5px;
		border: 1px #FFF solid;
	}
		.serveurinfo .joueur > div {
			margin-left: 6px;
			width: 131px;
			padding-left: 3px;
			background: #fff;
			color: #000;
			border: 1px #c8c8c8 solid;
		}
		.serveurlocked {
			position: absolute;
			margin-left: -16px;
			margin-top: -9px;
		}
		.serveurplayer {
			position: absolute;
			width: 30px;
			height: 30px;
			margin-left: 50px;
			margin-top: -9px;
			z-index: 0;
		}
		
.matchdujour {
	margin-top: 2px;
	width: 185px;
	color: #ECEC00;
	background: transparent url("img/match_middle.jpg") repeat-y top left;
}
	.matchdujour .header {
		height: 20px;
		color: #FFF;
		font-weight: bold;
		font-size: 12px;
		padding-top: 5px;
		padding-left: 10px;
		background: transparent url("img/match_header.jpg") no-repeat top left;
	}
		.matchdujour .header > img {
			float: left;
			margin-right: 5px;
		}
		.matchdujour .header > span {
			float: right;
			margin-right: 5px;
		}
	.matchdujour .matchinfo {
		padding-left: 8px;
		padding-right: 3px;
	}
		.matchdujour .matchinfo .team {
			font-weight: bold;
			font-size: 14px;
			text-align: center;
			background: #000;
			padding: 3px;
		}
		.matchdujour .matchinfo .label {
			float: left;
			color: #fff;
			font-size: 9px;
		}
		.matchdujour .matchinfo .donnee {
			float: right;
			font-size: 9px;
		}
			.matchdujour .matchinfo .map {
				margin-top: 1px;
				padding: 1px;
				font-size: 15px;
				font-weight: bold;
				background: transparent url("img/match_map.jpg") repeat-y top right;
			}
				.matchdujour .matchinfo .map .screen {
					float: left;
					margin-right: 5px;
					border: 1px #FFF solid;
				}
		.matchdujour .matchinfo .joueur {
			background: #fff;
			color: #000;
			border: 1px #000 solid;
		}
			.matchdujour .matchinfo .joueur .indic {
				margin-right: 5px;
			}
			.matchdujour .matchinfo .joueur > span, .matchdujour .matchinfo .joueur .plus {
				float: right;
				margin-right: 1px;
			}
			.matchdujour .matchinfo .joueur > b {
				color: #F00;
			}
	.matchdujour .footer {
		height: 18px;
		background: transparent url("img/match_footer.jpg") no-repeat top left;
	}
.matchjour, .matchwin, .matchlost, .matchdraw {
		height: 20px;
		color: #FFF;
		font-weight: bold;
		font-size: 12px;
		padding-top: 5px;
		padding-left: 10px;
		margin-top: 1px;
		margin-bottom: 1px;
	}
		.matchjour { background: transparent url("img/match_jour.jpg") no-repeat top left; }
		.matchwin { background: transparent url("img/match_win.jpg") no-repeat top left; }
		.matchlost { background: transparent url("img/match_lost.jpg") no-repeat top left; }
		.matchdraw { background: transparent url("img/match_draw.jpg") no-repeat top left; }
		.matchjour > img, .matchwin > img, .matchlost > img, .matchdraw > img {
			float: left;
			margin-right: 5px;
		}
		.matchjour > span, .matchwin > span, .matchlost > span, .matchdraw > span {
			float: right;
			margin-right: 5px;
		}
#frminscription {
	padding-left: 10px;
	padding-right: 10px;
	background: #F5F5F5;
	border: 1px #870000 solid;
	border-top: 4px #870000 solid;
	border-bottom: 4px #870000 solid;
}
	#frminscription select, #frminscription input {
		margin: 2px;
		font-size: 9px;
		border: 1px #E1E1E1 solid;
	}
	
/* Cotisation */
#cotisation .ok {
	background: #91FF91;
}
#cotisation .ko {
	background: #FFD2D2;
	color: #FF0000;
}
#cotisation .exo {
	background: #F4F4F4;
	color: #C0C0C0;
}
#cotisation td {
	text-align: center;
}
.cotisation label, .cotisation span {
	font-size: 18px;
}
	.cotisation label {
		display: block;
		float: left;
		margin-left: 100px;
		width: 300px;
	}
	.cotisation span {
		color: #870000;
	}
	
	
#Alert_Cotisation {
	position: absolute;
	width: 389px;
	height: 238px;
	background: transparent url(img/alerte_cotisation.png) no-repeat top left;
	cursor: pointer;
}
#Alert_Hide {
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	background: #fff;
	filter: alpha(opacity=90);
  -moz-opacity: 0.7;
  opacity: 0.7; 
}
.result_win, .result_winff, .result_lost, .result_lostff, .result_draw {
	text-align: center;
	font-weight: bold;
	font-size: 12px
}
	.result_win, .result_winff { background: #008000; color: #C6FFC6; }
	.result_lost, .result_lostff { background: #800000; color: #FFAAAA; }
	.result_draw { background: #C0C0C0; color: #FFF; }
	
span.ajax {
	border: 1px #C0C0C0 dashed;
	padding-left: 3px;
	padding-right: 3px;
	cursor: pointer;
}
	span.ajax:hover {
		border: 1px #870000 dashed;
	}

.infobulle {
	position: absolute;
	padding: 2px;
	padding-bottom: 0;
	background: #fff;
	border: 1px #000 solid;
	-moz-border-radius: 5px;
}
	#calendrier .infobulle {
		margin-left: -40px;
		margin-top: -4px;
	}
	
	
div.rssnews {
	float: left;
	margin: 1px;
	width: 375px;
}
	div.rssnews img {
		float: left;
		margin-right: 15px;
	}
	div.rssnews h1 a {
		color: #dd6b0f;
		text-decoration: none;
	}
	div.rssnews ul {
		padding: 3px;
		font-size: 10px;
	}
	div.rssnews span {
		font-size: 12px;
		font-weight: bold;
	}
	div.rssnews li {
		display: block;
		list-style: none;
	}
	div.rssnews li a:link, div.rssnews li a:active, div.rssnews li a:visited {
		display: block;
		padding: 2px;
		color: #000;
		text-decoration: none;
	}
	div.rssnews li a:hover {
		color: #FFF;
		background: #dd6b0f;
	}

/***************************** A SUPPRIMER *************************************/

#migre_left {
	float: left;
	width: 340px;
	background: #E1E1E1;
}
	#migre_left span {
		color: #870000;
		font-weight: bold;
	}
#migre_right {
	float: left;
	width: 600px;
	padding: 5px;
}
	#migre_right h1 {
		margin: 0;
		border-bottom: 3px #870000 solid;
	}
	
	#migre_right td > input {
		margin: 0;
	}
	#migre_right span, #migre_right textarea {
		font-size: 12px;
		font-weight: bold;
		color: #870000;
	}

/***************************** A SUPPRIMER *************************************/