@import url(unifr.101.css);
p, div { text-align: left; }
p { padding: 0; margin: 1em 0; }
a, a:link { text-decoration: underline; }
ul li a, ul li a:link { text-decoration: underline; }
img { border: none; }

#wrapper { min-width: 800px; max-width: 1100px; width: 75%; margin: auto; padding: 0 30px; }
#header { clear: both; float: left; width: 100%; border-right: 1px solid #CCCCCC; height: auto; }
#bandeau { background-image: url(img/bg_website_title.jpg); height:77px; margin-left: 0px}
/*#address { background-color: #009970; border-left: none; width: 189px; height: 62px; border-bottom: 1px solid white; position: relative; }*/

#address .text { font-size: 100%; position: absolute; bottom: 20px; width: 186px; }
#identity { border-left: 1px solid #CCCCCC; border-right-style: none; height:77px }
.physics-departement {width: 157px;
float: right;
text-align: right;
padding-right: 12px;
padding-top: 40px;
font-size: 11px;
font-family: Arial;
text-transform: uppercase;}

.physics-departement a:link{ text-decoration: none;color: blue}
/*.physics-departement a:active { text-decoration:blink}
.physics-departement a:hover { text-decoration:underline;color: red} 
.physics-departement a:visited { text-decoration: none;color: green}}*/

/* columns */
/* column container */
.clumnwrapper0 {
	position: relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear: both;
    float: left;
	width: 100%; /* width of whole page */
	overflow: hidden; /* This chops off any overhanging divs */
	background-image: url(img/bg_main.gif);
	background-repeat: repeat-y;
	border-right: 1px solid #CCCCCC;
	z-index: 0;
}
/* holy grail 3 column settings */
.holygrail .columnwrapper1, .holygrail .columnwrapper1-fullsize {
	float: left;
	width: 200%;
	margin-left: -200px; /* Width of right column */
	position: relative;
	right: 100%;
}
.holygrail .columnwrapper1-fullsize {
	margin-left: 0px; /* Width of right column */
}
/* wraps the menu */
.holygrail .columnwrapper2, .holygrail .columnwrapper2-fullsize {
	float: left;
	width: 100%;
	margin-left: -50%;
	position: relative;
	left: 400px;			/* Left column width + right column width */
}
.holygrail .columnwrapper2-fullsize {
	left: 200px;			/* Left column width + right column width */
}
.holygrail .contentwrapper {
	float: left;
	width: 50%;
	position: relative;
	right: 200px;			/* Width of left column */
	padding-bottom: 1em;	/* Centre column bottom padding. Leave it out if it's zero */
}
.holygrail .content, .holygrail .content-fullsize {
	margin-top: 14px;
	margin-bottom: 0;
	margin-right: 210px;	/* Centre column side padding: Left padding = left column width + centre column left padding width; Right padding = right column width + centre column right padding width */
	margin-left: 210px;
	position: relative;
	left: 200%;
	overflow: hidden;
}
.holygrail .content-fullsize {
	margin-right: 10px;		/* Centre column side padding: Left padding = left column width + centre column left padding width; Right padding = right column width + centre column right padding width */
	margin-left: 210px;
}
.holygrail .menu {
	float: left;
	float: right;			/* This overrides the float:left above */
	width: 200px;        	/* Width of left column content (left column width minus left and right padding) */
	position: relative;
	right: 0px;				/* Width of the left-had side padding on the left column */
	margin-top: 2em;		/* move it under the login fields */
	margin-top: 0;
}
.holygrail .sidebar {
	float: left;
	float: right;			/* This overrides the float:left above */
	width: 200px;        	/* Width of right column content (right column width minus left and right padding) */
	margin-right: 0px;  	/* Width of right column right-hand padding + left column left and right padding */
	position: relative;
	left: 50%;
	padding-top: 1em;
}

/*-- Signature au fond de la page --------------------*/
#footer { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #999999; text-align: center; margin: 0px; padding: 2px 1px 50px 0; clear: both; float: left; width: 100%; border-top: 1px solid #CCCCCC; }

#navigation { border-left: 1px solid #CCCCCC; position: relative; float: left; width: 100%; }
#navigation ul { list-style-type: none; margin: 0; padding: 0; }
#navigation ul li { float: left; list-style-type: none;  margin: 0; padding: 0; }

#languagewrapper { position: absolute; z-index: 1; color: white; left: 0; top: 0; }
#navigation #language { background-color: #009970; width: 199px; height: 2em; }
#navigation #language ul { padding: 0; }
#navigation #language ul li { float: left; border-bottom: 1px solid white; margin-bottom: -1px; }
#navigation #language ul li a { display: block; padding: 0 7px; line-height: 2em; color: #ffffff; text-decoration: none; border-right: 1px solid white; white-space: nowrap; }
#navigation #language ul li a:hover { background-color: #e4edf2; color: #009970; }
#navigation #language ul li a.active { background-color: #82CBB7; color: white; }

#time { border-top: 1px solid white; padding: 5px 0 4px 5px; font-weight: bold; }
#login { width: 199px; height: auto; background-color: #009970; margin-left: 1px; }
#login form { margin: 0; padding: 0; }
#login input.textfield { width: 55px; margin: 0px 0 5px 5px; text-align: left; color: black; }
#login input.inactive { text-align: center; color: #666666; }
#login input.button { width: 55px; margin: 0px 0 5px 5px; }
#logout { width: 189px; background-color: #009970; padding: 0 5px 5px; color: white; }
#logout a { color: white; }
#logout ul { list-style-type: none; padding: 0; margin: 0; width: auto; }
#logout ul li { display: inline; padding: 7px 7px 0 0; margin: 0; }
#logout p { padding: 0 0 4px; margin: 0; }

#navigation #topnavigation { background-color: #009970; text-transform: uppercase; font-weight: bold; width: 100%; float: left; }
#navigation #subnavigation { background-color: #82CBB7; border-top: 1px solid white; width: 100%; float: left; background-image: url(img/bg_navigation.gif); background-repeat: repeat-y; }
#navigation #topnavigation ul { margin-left: 199px; padding: 0; border-left: 1px solid white; letter-spacing: 0.1em; float: left; }
#navigation #subnavigation ul { margin-left: 199px; padding: 0; border-left: 1px solid white; letter-spacing: 0.1em; float: left; margin-top: -1px;}
#navigation #topnavigation ul li { float: left; }
#navigation #subnavigation ul li { float: left; }
#navigation #subnavigation ul li.empty { padding: 0 7px; line-height: 2em; }
#navigation #topnavigation ul li a { display: block; padding: 0 7px; line-height: 2em; color: #ffffff; text-decoration: none; border-right: 1px solid white; border-bottom: 1px solid white; margin-bottom: -1px; white-space: nowrap; }
#navigation #subnavigation ul li a { display: block; padding: 0 7px; line-height: 2em; color: #ffffff; text-decoration: none; border-right: 1px solid white; border-bottom: 1px solid white; border-top: 1px solid white; margin-bottom: -1px; white-space: nowrap; }
#navigation #topnavigation ul li a:hover { background-color: #e4edf2; color: #009970; }
#navigation #subnavigation ul li a:hover { background-color: #e4edf2; color: #82CBB7; }
#navigation #topnavigation ul li a.active { background-color: #82CBB7; color: white; }
#navigation #subnavigation ul li a.active { background-color: #82CBB7; color: #009970; }

.menuwrapper { margin: 15px 10px; }
.menuwrapper ul.subsubnavigation { margin: 0; padding: 0; list-style-type: none; }
/* remove the underlining on bold/selected links
.menuwrapper ul.subsubnavigation li { margin: 3px 0; padding: 0;}
.menuwrapper ul.subsubnavigation li a.active { font-weight: bold; }
.menuwrapper ul.subsubnavigation li ul { margin: 0 0 0 12px; padding: 0; list-style-type: none; }
*/
.menuwrapper ul.subsubnavigation li { margin: 3px 0; padding: 0; text-decoration:none;} 
.menuwrapper ul.subsubnavigation li a.active { font-weight: bold; text-decoration:none;} 
.menuwrapper ul.subsubnavigation li a {text-decoration:none;} 
.menuwrapper ul.subsubnavigation li ul { margin: 0 0 0 12px; padding: 0; list-style-type: none; text-decoration:none;}

h1 { color: #009970; padding-top: .5em; padding-bottom: 0; }
h2 { color: #009970; }
h3 { color: #009970; }

ul { margin: 1em 0; padding: 0; }
ul li { margin: 0 0 .3em 15px; padding: 0px; }

/* boxes in the left column */
.box001 h3 { color: #009970; border-top: 2px solid #CCCCCC; }
.box001 ul { margin: 0; padding: 0 0 0 15px; }
.box001 ul li { margin: 0 0 3px 0; padding: 0; }

/* boxes in the right column */
.sidebarcontent { float: right; width: 180px; position: relative; padding: 0 10px 0; }
.box003 { margin: 0 0 1em; padding: 3px; }
.box003 p { margin: 0; padding: 5px; }
.box003 h1 { margin: 0; padding: 0 5px; background-color: #e4edf2; text-transform: uppercase; color: black; font-size: 120%; font-weight: bold; border-bottom: 1px solid #cccccc; }
.box003 h2 { margin: 0; padding: 0 5px; background-color: #e4edf2; text-transform: uppercase; color: black; font-size: 110%; font-weight: bold; border-bottom: 1px solid #cccccc; }
.box003 h3 { margin: 0; padding: 0 5px; background-color: #e4edf2; text-transform: uppercase; color: black; font-size: 100%; font-weight: bold; border-bottom: 1px solid #cccccc; }
.box003 ul { margin: 0; padding: 5px; }
.box003 ul li { margin: 0 0 3px 15px; padding: 0px; }

.paragraphwrapper { float: left; }
.imgwrapper { padding: 1.2em; }
.left { float: left; padding-left: 0; }
.right { float: right; padding-right: 0; }
.imgwrapper p { font-size: 90%; font-style: italic; padding-top: 0.5em; margin-top: 0; padding-bottom: 0; margin-bottom: 0; }
#searchbox { background-color: #82CBB7; }

/* stafflist */
div.stafflist { width: 100%; }
div.stafflist table { width: 100%; }
/* div.stafflist table tr:hover td { background-color: blue; } */
div.stafflist table tr td { text-align: left; vertical-align: top; padding-right: 10px; }
div.stafflist table tr td h2 { margin-top: .75em; margin-bottom: 0; }
div.stafflist table tr td img { margin-top: 1.3em; }
div.stafflist table tr td.index { width: 20px; }
div.stafflist table tr td.portraitwrapper { width: 80px; max-width: 80px; }
div.stafflist table tr td div.contactdetails { width: 100%; float: left; }
div.stafflist table tr td div.contactdetails div.col1 { float: left; width: 250px; margin-right: 10px; }
div.stafflist table tr td div.contactdetails div.col2 { float: left; }
/*
div.stafflist div.staffcolumn { width: 49%; }
div.left { float: left; }
div.right { float: right; }
div.stafflist div.staffrow { margin-top: .8em; float: left; clear: both; width: 100%; }
div.stafflist div.portraitwrapper { float: left; margin: .2em 0 0 -90px; padding: 0; }
div.stafflist div.staffdata { padding-left: 90px; margin-right: 20px; float: left; }
div.stafflist div.staffdata h2 { margin-top: 0; margin-bottom: 0; }
*/

/* grouplist */
div.grouplistrow { float: left; padding: 1em 0 0; width: 100%; }
div.grouplistrow h2 { margin-bottom: .5em; }
div.grouplistrow div.grouplistdescription { float: left; clear: both; width: 100%; }
div.grouplistrow div.grouplistdescription a { float: left; }
div.grouplistrow h2 a { text-decoration: underline; color: #009970; }
div.grouplistrow h2 a:hover { text-decoration: underline; color: #006699; }
div.grouplistrow div.grouplistdescription img.grouplistlogo { float: left; margin-right: 10px; margin-bottom: 5px; }

/* group homepage */
div.sidebarcontent div.grouplogo { padding: 8px; text-align: center; }
div.sidebarcontent h2.groupheadname { margin-top: 1em; }
div.sidebarcontent h2.first { margin-top: 0; }
div.sidebarcontent div.groupheadportrait { padding: 5px; }
div.sidebarcontent div.paragraph { padding: 0; margin: 0 0 0 5px; }

/* lightbox */
#lightbox { background-color: #E4EDF2; padding: 10px; border-top: 2px solid #EFEFEF; border-left: 2px solid #EFEFEF; border-bottom: 2px solid #CCCCCC; border-right: 2px solid #CCCCCC; }
#lightboxDetails { font-size: 80%; padding-top: 0.4em; }
#lightboxCaption { float: left; }
#keyboardMsg { display: none; }
#lightbox img { border: none; }
#overlay img { border: none; }

#fumanmainmenu { display: none; }
div.eventlist { }
div.eventlist h1 { border-bottom: 1px solid #CCCCCC; white-space: nowrap; }
div.eventlist h1.emptylist { margin-bottom: -11px; }
div.eventrow { padding: 10px 0; }
div.eventrow .eventleft { float: left; width: 130px; }
div.eventrow .eventleft h2 { margin: 0; padding: 0; /*color: black;*/ text-align: right; }
div.eventrow .eventleft h3 { margin: 0; color: black; font-weight: normal; text-align: right; }
div.eventrow .eventright { padding-left: 145px; }
div.eventrow .eventright p { margin: 0; }
div.eventrow h2 { margin: 0; }
div.eventheader { border-top: 1px solid #CCCCCC; margin-top: 10px; }
div.eventheader h4 { margin: 0; padding: 0; float: right; }
div.eventheader h4.left { float: left; }

/* advanced control over event-types, the always get a classname assigned like eventtype[id] */
/*
div.eventtype2 { background-color: yellow; }
div.eventtype1 { background-color: #EFEFEF; }
*/