/* TOUS LES STYLES pour le sport et les compétition */

.sportIconsLevel{
	width:50px; 
	height:50px;
	display:inline-block;
	text-align:center;
	font-size:1.5em;
	line-height:20px;
	vertical-align:middle;
	color:#330000;
}


.sportButton{
	padding:1px;
	font-size:1.4em;
	background-color:#F2E32B;
	border:1px solid #BA8511;
	color:#BA8511;
	width:10px;
	text-align:center;
	display:inline-block;
	-moz-border-radius:5px;
}
.sportButton:hover{
	background-color:#BA8511;
	color:#F2E32B;
	text-decoration:none;
}

/* Centre Sportif */
#choixEntrainement{
	position:relative;
	display:block;
	width:280px;
	margin-bottom:20px;
}

#choixEntrainement > div{
	display:block;
	width:inherit;
	text-align:center;
	margin-bottom:5px;
	padding:2px;
	border:1px solid #0E3544;
	background-color:white;
}
#choixEntrainement > div:hover{
	background-color:#C4E8F4;
	cursor:pointer;
}
#choixEntrainement > div.actif{
	background-color:#428FAF;
	color:white;
}


/* Compétition */
.legendCompet{
	display:block;
	height:25px;
}
.legendCompet > span{
	padding:5px;
	border: 1px solid #e5e5e5;
	cursor:pointer;
}
.legendCompet > span:hover{ background-color:#e5e5e5; }
.legendCompet > span.actif{
	background-color:#58AC2E;
	color:white;
	border-color:#003300;
}


#detailCompet-container{
	margin:2px;
}

#detailCompet-container > div{
	float:left;
	width:45%;
}


.sportBar-container{
	display:block;
	width:150px;
	height:15px;
	background-color:#e5e5e5;
	margin:2px 0;
}
.sportBar{
	display:block;
	height:inherit;
	background-color:red;
	width:1px;
}

#infoSportCompet{
	padding:10px;
}

#viewSportCompet{
	display:block;
	height:280px;
	width:100%;
	background-position:center bottom;
	background-repeat:no-repeat;
}


.participeCompet:hover{
	cursor:pointer;
	color:#58AC2E;
}

#inscriptionCompetition{
	position:relative;
	width:650px;
	margin:0 auto;
	padding:5px;
}

/** Inscription pompier a une compétition **/
#selectProfilCompet > li{
	width:auto;
	text-align:left;
	height:25px;
	line-height:25px;
}

#selectProfilCompet > li > span{
	display:inline-block;
	min-width:110px;
}

#previewEquipeSelect{
	margin:0 auto;
	width:inherit;
	padding:5px;
}
/** end **/


#listeSapeurCompet-container{
	position:relative;
	width:inherit;
}
#listeSapeurCompet-container em{
	color:#58AC2E;
}
#listeSapeurCompet-container > div{ 
	float:left;
	width:250px;
	border:2px solid #58AC2E;
	-moz-border-radius:3px;
	margin:2px;
	background-color:white;
	padding-bottom:10px;
}

select[name=selectSpCompet],select[name=unselectSpCompet]{
	width:235px;
}


/** OLYMPIADE **/
/* */
#olympiade-container{
	position:relative;
	width:inherit;
}
#olympiade-container > div{
	float:left;
	width:48%;
	margin:2px;
}

#olympiade-container > div .ficheOlympiade{
	width:95%;
	margin: 0 0 15px 0;
	padding:2px;
	-moz-border-radius:5px;
}
.ficheOlympiade > h3{
	padding:2px;
	height:20px;
}


.ficheOlympiade.prochainement{
	background-color:#FDFAD6;
	border:1px solid #BA8511;
	cursor:pointer;
}
.ficheOlympiade.prochainement > h3 {
	background-color:#F8F192;
	color:#BA8511;
}

.ficheOlympiade.encours{
	border:0px;
}
.ficheOlympiade.encours > h3 {
	background-color:red;
	color:white;
}

.listePlanningDuJour{
	position:relative;
	height:	50px;
}

.listePlanningDuJour > div{
	border-bottom:1px solid black;
	margin:5px 0;
	padding:4px 0;
	position:absolute;
	width:430px;
}
.listePlanningDuJour > div > span{
	float:left;
	padding:1px;
	vertical-align:middle;
	height:inherit;
}

.olympicResult:hover{
	cursor:pointer;
	background-color:#FDFAD6;
}
.olympicToday{
	background-color:#FDFAD6;
}

img.icoCompet{
	display:inline-block;
	width:50px;
	height:50px;
}

/* Annuler une olympiade ! */
.Ocancel{
	position:absolute;
	top:0px;
	right:0px;
	cursor:pointer;
}


/* Le planning */
#planningOl-container{
	position:relative;
	width:545px;
	display:block;
	margin:2px;
}

.planningOlDay{
	float:left;
	width:32%;
	margin:1px;
	border:1px solid #F2E32B;
}

.planningOl{
	float:left;
	width:100%;
	text-align:center;
}

.planningOl.legend{
	background-color:#F2E32B;
	color:#BA8511;
}
.planningOl.case{
	cursor:pointer;
	height:35px;
	line-height:25px;
	padding:2px 0;
}
.planningOl.case:hover{ background-color:#eee; }

/* tableau des médailles */
#tabMedaille{
	width:485px;
	margin: 0 auto;
}
#tabMedaille > span{
	float:left;
	margin:5px;
	text-align:center;
	font-size:1.2em;
	line-height:20px;
	font-weight:bold;
}