/* ******************************************* */
/* Profil Dance                                */
/* ******************************************* */
/* Screen Styles Rules                         */
/*                                             */
/* @author       Denis                         */
/* @email        denis.bossy['at']unifr.ch     */
/* @template     profil                        */
/* ******************************************* */

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

html{
	padding: 0;
	margin: 0;
	text-align: center;
}

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;
	color:#black;
}

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

a:link, a:visited{
	text-decoration: underline;
	color: #cc6699;
}

a:hover{
	font-weight:bold;
}

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

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

.myTable td {
	text-align:center;	
	vertical-align: top;
}

.myTable_photos {
	width: 99%;
	border: #cc6699 1px solid;
	background-color:#fce3ef;
	border-spacing:0;
}

.myTable_photos td {
	text-align:center;
	vertical-align:middle;
}

.myTable_photos table {
	align:center;
}

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


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

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

.program {
	color:#cc6699;
	border-bottom:#cc6699 solid 1px;
	font-weight:bold;
}

#headerContainer{
	background: url('layout/banner_new.png') no-repeat center top;
	color: #FFFFFF;
	height:250px;
	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{
	padding-top: 0px;
	position: relative;
	height:auto;
}

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



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

#contentContainer{
	margin: 5px 205px;
}

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

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

#poweredByContainer{

}

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

#contentContainer #pathWay{
	padding: 2px;
	line-height: 21px;
	margin-bottom: 5px;
	margin-top: 11px;
	height: 21px;
	vertical-align:middle;
	text-decoration:none;
}

#contentContainer #pathWay img{
	display: none;
}

#contentContainer #pathWay a{
	padding-right: 15px;
	background: url('layout/bullet_small.png') no-repeat right;
	text-decoration:none;
}

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

#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;
}

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

.moduletable{
	margin-bottom: 3px;
}

.moduletable h3{
	background-color:#fce3ef;
	height: 35px;
	line-height: 35px;
	vertical-align: middle;
	font-size: 16px;
	color:#cc6699;
	padding-left:10px;
	text-decoration:none;
	font-variant: small-caps;
	border: #cc6699 1px dotted;
}

#leftContainer .moduletable{
	padding-left: 25px;
	!padding-left: 50px;
	text-align: left;
	text-decoration:none;
	margin-top:-12px;
	!margin-top:12px;
	font-size:12px;
	padding-bottom:10px;
}

*> #leftContainer .moduletable{
	padding-left: 25px;
	text-align: left;
	text-decoration:none;
	margin-top:-12px;
	!margin-top:5px;
	font-size:12px;
}

/*
.maClass{
 color:black;
!color:green;
}
*> .maClass{
 color:red;
!color:blue;
}

Les navigateurs standards auront du rouge, IE6/5 du vert et IE7 du bleu.*/

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


/* Menu links */
.moduletable a.mainlevel{
	display: block;
	color: #cc6699;
	text-indent: 10px;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 5px;
	text-decoration:none;
}

.moduletable a.mainlevel:hover{
	background-color: #fce3ef;
	font-weight: bold;
}

.moduletable a.sublevel{
	display: block;
	font-size: 9px;
	width: auto;
	height: 17px;
	color:#666666;
	padding: 2px;
	text-indent: 10px;
	margin: 0px;
	margin-left: 20px;
	background: url('layout/bullet_standard.png') no-repeat left;
	text-decoration:none;
}

.moduletable a.sublevel:hover{
	text-decoration:underline;
	font-weight:normal;
}

.moduletable a#active_menu{
	color: #cc6699;
	font-weight: bold;
	background: url('layout/bullet_14.png') no-repeat left;
	padding-left:10px;
}

.moduletable a.sublevel#active_menu{
	display: block;
	font-size: 9px;
	width: auto;
	height: 17px;
	color:#666666;
	padding: 2px;
	text-indent: 10px;
	margin: 0px;
	margin-left: 20px;
	background: url('layout/bullet_standard.png') no-repeat left;
	text-decoration:none;

}

#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*/{
	color: #CC6699;
	font-variant: small-caps;
	font-weight: bold;
	font-size: 16px;
	text-indent: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	text-align:right;
	padding-right: 80px;
	border:#cc6699 1px dotted;
	background: url('layout/bullet_td.png') no-repeat right;
}

div.componentheading{
	color: #CC6699;
	font-variant: small-caps;
	font-weight: bold;
	font-size: 18px;
	text-indent: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	text-align:center;
	padding-right: 80px;
	border:#cc6699 dotted 1px;
	margin-bottom:12px;
}

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

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

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

.contentpane{
	margin: 2px;
}

.contentheading{
	color: #cc6699;
	font-size: 12px;
	font-weight: bold;
}

.sectiontableheader{
	border-bottom: 1px solid #cc6699;
	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;
	vertical-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;
}



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

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

input.inputbox, input[type=text], textarea{
	border: 1px solid #cc6699;
	text-align:left;
	line-height: 13px;
}

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

input.button:hover{
	color: #cc6699;
	border: 1px solid #cc6699;
	background-color:#fce3ef;
}

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

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

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

.spacer{
	clear: both;
}

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

/* 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;
}


/* Profs                                       */
/* ------------------------------------------- */

.presentationProf{
	clear: both;
	border: 1px solid #cc6699;
	background-color: #fce3ef;
	margin-bottom: 10px;
}

.presentationProf h3{
	border-bottom: 1px dashed #cc6699;
	margin-top: 2px;
	margin-bottom: 2px;
	color:#cc6699;
}

.presentationPhoto{
	width: 75px;
}

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

.tarifsHint{
	color:#666666;
	font-size:10px;
	font-style:italic;
}