/* ******************************************* */
/* Villars Basket                              */
/* ******************************************* */
/* Screen Styles Rules                         */
/*                                             */
/* @author       Denis                         */
/* @email        denis.bossy['at']unifr.ch     */
/* @template     villars                       */
/* ******************************************* */

/* ------------------------------------------- */
/*  Main Rules                                 */
/* ------------------------------------------- */

html{
	padding: 0;
	margin: 0;
}

body {
	font-family: Verdana, 'Bitstream Vera Sans', Geneva, Arial, Helvetica, sans-serif;
	
	font-size: 11px;
	line-height: 18px;
	
	background-color: white;
	
	padding: 0;
	margin: 0;
}

form{
	padding: 0;
	margin: 0;
}

img{
	border: 0px;
}

table {
	width: 99%;
	border: 0px;
	border-spacing: 0;
}

td {
	text-align: left;
	vertical-align: top;
}

ul li {
	list-style: url('bullets/bullet_standard.png');
}

a:link, a:visited{
	text-decoration: none;
	color: #699FD5;
}

a:hover{
	color:#666666;
}

h4 {
	color:#4d7cbf;
	text-align:center;
	border-bottom:1px solid #4d7cbf;
	border-top:1px solid #4d7cbf;
}


/* ------------------------------------------- */
/*  Layout                                     */
/* ------------------------------------------- */

#wrapper {
	clear:both;
	overflow: hidden;
	padding-top: 0px;
}

#mainContainer{
	width: 930px;
	margin: auto;
	background: #FFFFFF url('layout/background.png') repeat-y bottom;
}

#headerContainer{
	background: url('layout/header.png') no-repeat center top;
	color: #FFFFFF;
	height: 200px;
	text-align: center;	
	position: relative;
}

#headerContainer #headerLogo{
	height: 250px;
	text-align: center;
	z-index: 0;
	
	position: absolute;
	left: 15px;
}

#headerContainer #headerTop{
	position: absolute;
	top: 10px;
	right: 30px;
	text-align: right;
}

#headerContainer #headerLeft{
}

#headerContainer #headerRight{

}

#bodyContainer{
	clear:both;
	padding-top: 0px;
	position: relative;
	height:auto;
}

*html #bodyContainer{
	padding-top: 0px;
	position: relative;
	height:1000px;
}

#leftContainer{
	float: left;
	width: 200px;
}

#contentContainer{
	margin: 0 205px;
}

.contentContainerExtended#contentContainer{
	margin: 0 30px 10px 205px;
}

#rightContainer{
	float: right;
	width: 200px;
}

#poweredByContainer{

}

#contentContainer #banner{
	text-align: center;
	margin-bottom: 10px;
}

#contentContainer #pathWay{
	border: 1px solid #FF6600;
	padding: 2px;
	line-height: 21px;
	margin-bottom: 5px;
	margin-top: 11px;
	height: 21px;
	text-indent:5px;
}

#contentContainer #pathWay img{
	display: none;
}

#contentContainer #pathWay a{
	padding-right: 15px;
	background: url('bullets/bullet_arrow.png') no-repeat right;
}

#contentContainer #mainBody{
	padding: 5px;
	margin-bottom: 5px;
}

#mainBody table{
	width:99%;
}

#footerContainer{
	height: 30px;
	line-height: 50px;
	text-align: center;
	vertical-align: bottom;
	font-size: 9px;
	color:#666666;
	background: #FFFFFF url('layout/footer.png') no-repeat top;
}

#footerContainer a{
	color: #666666;
}

.articleTitle {
	font-weight:bold;
	color:#333333;
}

/* ------------------------------------------- */
/*  Joomla! Rules                              */
/* ------------------------------------------- */

.moduletable{
	!margin-bottom:12px;
	margin-bottom: 0px;
}

.moduletable h3{
	background: url('layout/container_back.png') left;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	font-size: 11px;
	color:#333333;
	border: #FF6600 solid 1px;
	padding-left:10px;
	margin-top:0px;
	!margin-top:11px;
}

#leftContainer .moduletable{
	padding-left: 25px;
	text-align: left;
	margin-bottom:25px;
}


#rightContainer .moduletable{
	padding-right: 25px;
	text-align:left;
	margin-bottom:25px;
}


/* Menu links */
.moduletable a.mainlevel{
	display: block;
	color: #666666;
	text-indent: 10px;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 5px;
	border-bottom: #FF6600 solid 1px;
}

.moduletable a.mainlevel:hover{
	color: #5b8cc9;
	font-weight: bold;
}

.moduletable a.sublevel{
	font-size:9px;
	display: block;
	width: auto;
	height: 14px;
	color: #4d7cbf;
	padding: 2px;
	text-indent: 10px;
	margin: 1px;
	margin-left: 20px;
	background: url('bullets/bullet_arrow.png') no-repeat left;
}

.moduletable a.sublevel:hover{
	color: #ff6600;
	//background-color: #cccccc;
	background: url('bullets/bullet_arrow_hover.png') no-repeat left;
}

.moduletable a#active_menu{
	color: #FF6600;
	font-weight: bold;
}

.moduletable a.sublevel#active_menu{
	background: url('bullets/bullet_arrow_hover.png') no-repeat left;

}

#rightContainer .moduletable a.mainlevel{
	text-align: right;
	padding-right: 5px;
}

#toolbar{
	display: block;
}

/* ------------------------------------------- */

/* ------------------------------------------- */

.contentpaneopen, .contentpane{
	border-spacing: 0;
}


.contentpaneopen td, .contentpaneopen td{
	padding: 2px;
}

.contentpaneopen .contentheading, .contentpane .componentheading, #mainBody .componentheading{
	color: #4D7CBF;
	font-variant: small-caps;
	font-weight: bold;
	font-size: 16px;
	text-indent: 10px;
	border-bottom: 1px dashed #ff6600;
	background-color:#ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
}


#mainBody .buttonheading{
	text-align: center;
	vertical-align: middle;
}

.contentpaneopen .buttonheading{
	background-color: #ffffff;
}

.contentpaneopen .createdate{
	color: #666666;
	text-align: right;
	font-size: 10px;
	font-style: italic;
}

.contentpane{
	margin: 2px;
}

.contentheading{
	color: #0068CF;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px dotted #EFF7FF;
}

.sectiontableheader{
	border-bottom: 1px solid #699FD5;
	font-weight: bold;
	height: 20px;
}

/* Special for pop-ups windows */
body.contentpane{
	padding: 5px;
	margin: 5px;
	border: 1px solid #FFFFFF;
}

body.contentpane .componentheading{
	background-color: #EFF7FF;
}

body.contentpane .buttonheading{
	text-align: center;
	sadsavertical-align: middle;
}

/* ------------------------------------------- */
.message{
	color: #333333;
	border: 1px solid #FF9900;
	padding: 10px;
	font-style: italic;
	margin-bottom: 5px;
}

/* ------------------------------------------- */
div.mosimage {
  border: 1px solid #CCCCCC;
}

.mosimage {
  border: 1px solid #CCCCCC;
  margin: 5px;
}

.mosimage img{
	margin: 0;
}
.mosimage .mosimage_caption {
  margin-top: 2px;
  background: #EFEFEF;
  color: #666666;
  padding: 1px 2px;
  font-size: 10px; 
  border-top: 1px solid #CCCCCC;
}

/* ------------------------------------------- */
/*	Css pour la page des équipes	
/* ------------------------------------------- */

.team {
	//youpi;
}

.team table {
	border: #FF6600 thin solid 1px;
}

.team td {
	text-align: center;
	color: #4D7CBF;
	font-size: 12px;
	font-weight:bold;
}

.team em {
	font-size: 11px;
	color: #333333;
	font-weight:normal;
}



/* ------------------------------------------- */

/* ------------------------------------------- */

input{
	margin-bottom: 2px;
	padding: 1px 5px 1px 5px;
}

input.inputbox, input[type=text], textarea{
	border: 1px solid #4d7cbf;
	text-align:right;
	//background: #FFFFFF url('layout/fribot2007_layout_input_text.jpg') repeat-x top;
	line-height: 13px;
}

input.button, input[type=button], input[type=reset], input[type=submit]{
	text-align: center;
	color: #4d7cbf;
	border: 1px solid #4d7cbf;
	background: #CCCCCC;
	line-height: 13px;
	padding: 1px 5px 1px 5px;
}

input.button:hover{
	color: #ff6600;
	border: 1px solid #ff6600;
}

select{
	border: 1px solid #0068CF;
	margin-bottom: 2px;
}

label{
	font-weight: normal;
	color:4d7cbf;
}

/* ------------------------------------------- */
/*  Common                                     */
/* ------------------------------------------- */
.important{
	color: #FF0000;
}

.spacer{
	clear: both;
}

.slimModule, #contentContainer #banner{
	height: 60px;
}

/* Login                                       */
/* ------------------------------------------- */
#loginModule{
	font-size: 10px;
	white-space: nowrap;
	line-height: 15px;
}

#loginModule .loginLabel{

}

#loginModule .loginOptions{
	text-align: right;
}

#loginModule .loginOptions a{
	display: block;
}

/* COUNTDOWN MODULE                            */
/* ------------------------------------------- */

#countdownModule {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	margin: 2px;
}

#countdownModule #countdownTitle{
	
}

#countdownModule #countdownCounter{
	width: 50%;
	margin: auto;
	color: #FFFFFF;
	font-size: 30px;
	font-weight: bold;
	background-color: #FF0000;
	padding-top: 5px;
	padding-bottom: 5px;
	
}

/* Login MODULE                                */
/* ------------------------------------------- */
#loginModule{
	font-size: 10px;
	white-space: nowrap;
	line-height: 15px;
}

#loginModule .loginLabel{

}

#loginModule .loginOptions{
	text-align: right;
}

#loginModule .loginOptions a{
	display: block;
}

/* JoomlaBoard MODULE                          */
/* ------------------------------------------- */

#jbSubjects{
	font-size: 10px;
	line-height: 15px;
}

#jbSubjects a{
	display: block;
	list-style: none;
	list-style-image: none;
	background: url('bullets/bullet_standard.png') no-repeat right 2px;
	padding-right: 15px;
	margin-bottom: 2px;
}

#jbSubjects .jbSubjectsAuthor{
	display: block;
	font-style: italic;
	font-size: 9px;
}

/* CPG Thumbnail Scroller                      */
/* ------------------------------------------- */

#cpgThumbnail{
	position: fixed;
	top: 10px;
	right: 10px;
	overflow: hidden;
}

#cpgThumbnail .cpgThumb{
	margin-bottom: 5px;
	text-align: center;
}

#cpgThumbnail .cpgThumb img{
	max-width: 125px;
	border: 1px solid #CCCCCC;
}

.presentationComite{
	clear: both;
	border: 1px solid #4D7CBF;
	background-color: #E1E6E6;
	margin-bottom: 10px;
	width:80%;
	text-align:center;
}

.presentationComite h3{
	border-bottom: 1px dashed #4D7CBF;
	margin-top: 2px;
	margin-bottom: 2px;
	//font-size:12px;
}

.presentationPhoto{
	width: 75px;
}

.presentationRole{
	width: 250px;
	padding-right: 20px;
} 

.sponsors {
	width:99%;
}

.sponsors td {
	width:30px;
	text-align:center;
	vertical-align:middle;
}

.team_results {
	width: 99%;
}

.team_results thead {
	color:#4d7cbf;
	font-weight:bold;
	border-bottom:1px #4d7cbf dashed;
}

.team_results td {
	border-bottom:#4d7cbf 1px dashed;
}