@charset "UTF-8";

/* ======================================================*
 *  General structure
 * ======================================================*/
* {
	margin: 0px;
	padding: 0px;
}

body {
	margin-top: 2em;
	margin-left: 2em;
	background-color: #fff;
	color: #000;
	font-family: times, serif;
}

h1 {
	margin-bottom: 1em;
	font-size: 200%;
	font-weight: normal;
}

h2 {
	margin-bottom: 1em;
	font-size: 150%;
	font-weight: normal;
}

h3 {
	margin-bottom: 1em;
	font-size: 100%;
	font-weight: bold;
}

ul {
	list-style-type: circle;
	padding-left: 2em;
}

dd {
	margin-left: 1.5em;
}

p {
	margin: 1em 0em;
	text-align: justify;
}


/* ======================================================*
 *  Navigation
 * ======================================================*/

/* Université de Sherbrooke */

/*
a:link       { text-decoration: none; color: #36A321; }
a:visited    { text-decoration: none; color: #36A321; }
a:hover      { text-decoration: underline; color: #36A321; } 
*/
/* Autre couleurs: vert foncé #36A321; blanc #FFFFFF; vert jaune pale #CDE37E; vert jaune gris pale #D0D9B0;
   Département de Physique: gris #979797; noir #000000; bleue fonce #223743; vert jaune #7FA527;
                           turquoise #006A6E; gris belu pale #739A98;
              fonts: Verdana,Arial,Helvetica,sans-serif; or
                             Arial,Helvetica,sans-serif;
   Faculté:  orange clair #E7692C; bleu fonce #223743; turquoise #03876E; gris #94989B; orange #D97B3A; 

*/

/* Original blue theme:
  link: #03c
  visited: #639
  link:hover: #36f
  visited:hover: #96c
  active invert with #fff
  

/* --- basic navigation ---*/
a {
	text-decoration: underline;
}

a:link {
	color: #063;
}

a:visited {
	color: #390;
}

/* focus probably unnecessary */
a:link:hover, 
a:link:focus {
	color: #096;
}

a:visited:hover, 
a:visited:focus {
	color: #6c0;
}

/*a:link *:active, */
a:link:active {
	color: #fff;
	background-color: #096;
}

/*a:visited *:active */
a:visited:active {
	color: #fff;
	background-color: #6c0;
}


a:link img {
	border: 2px solid #03c;
}

a:visited img {
	border: 2px solid #639;
}

a:link:hover img, 
a:link:focus img {
	border: 2px solid #36f;
}

a:visited:hover img, 
a:visited:focus img {
	border: 2px solid #96c;
}


/* --- navigation in sidebar ---*/

.sidebar a:link {
	color: #063;
}

.sidebar a:visited {
	color: #390;
}

.sidebar a:link:hover, 
.sidebar a:link:focus {
	color: #096;
}

.sidebar a:visited:hover, 
.sidebar a:visited:focus {
	color: #6c0;
}

.sidebar a:link:active {
	color: #fff;
	background-color: #096;
}

.sidebar a:visited:active {
	color: #fff;
	background-color: #6c0;
}


/* --- navigation in footer ---*/

.footer a:link img, 
.footer a:visited img {
	border-width: 0px;
}


/* ======================================================*
 *  Block structure
 * ======================================================*/

/* --- vertical components ---*/

#top, #middle, #bottom {
	width: 52em;
	clear: both;
}

#top { 
/*	height: 7.5em; */
	overflow: auto;
	margin-bottom: 30px;
}

#middle {
	margin-bottom: 30px;
}

#bottom {
	margin-top: 35px;
}

/* --- horizontal components ---*/

#top .icon, 
#middle .sidebar {
	float: left;
	width: 17%;
	margin-right: 3%;
}

#top .header, 
.linesep,
#middle .contents, 
#middle .publications, 
#middle .people, 
#middle .news {
	/* 	If width is 80%, this should be 41.6em.
		But this 0.6em margin helps to avoid some bugs in IE regarding width */
	width: 40em;
	clear: none;
	margin-left: 20%;
}

.linesep {
	height: 1px;
	clear: both;
	border-bottom: 1px solid #999;
}


#bottom .footer {
	margin-left: 20%;
	padding-top: 0.3em;
	border-top: 1px solid #999;
}

#langlinks { 
	position: absolute; top:1.0em; right:1em;
	text-align: right;
	font-family: "Lucida Console", "Courier New", Courier, monospace;
	font-size:110% 
}

#footmodif { 
	padding-top: 0em;
	text-align: left;
	font-family: serif; 
	font-size: 100%; 
	font-style: italic; 
}

/* ======================================================*
 *  Basic structure
 * ======================================================*/

/* --- icon ---*/

.icon {
	text-align: center;
}

#top .icon img {
	border-width: 0px;
}

/* --- header ---*/

.header { 
	/*height: 100%;*/
	/*border-bottom: 1px solid #999;*/
	margin-bottom: 1.0em;
}

.header p {
	margin: 4px 0px; 
	text-align: center;
}

.header .group {		/* Group Name */
	font-size: 200%;
}

.header .affiliation {	/* University */
	font-size: 100%;
}

.header .project {		/* Project Name */
	font-size: 150%;
}

.linesep {
	clear: both;
	border-bottom: 1px solid #999;
}

/* --- sidebar ---*/

.sidebar {
	font-size: 80%;
}

.sidebar dl {
	margin-bottom: 1.2em;
	padding-bottom: 0.3em;
	border: 1px solid #006633;
	line-height: 150%;
}

.sidebar dt {
        margin: 0px;
	padding: 2px 0.6em 2px 0.6em;
	background-color: #006633;
	color: #ffffff;
	font-weight: bold;
}

.sidebar dd {
        margin: 0px;
	padding: 0px 0.6em 0px 1em;
	text-indent: -0.4em;
}

.sidebar dd ul {
	list-style-type: none;
	padding: 0px 0px 0.1em 1.4em;
	line-height: 150%;
	margin: 0px;
	text-indent: -0.8em; 
}

.sidebar dd ul.pub {
	list-style-type: circle;
	padding: 0px 0px 0.1em 1em;
	line-height: 150%;
}

.sidebar .here {
	font-style: italic;
}

.sidebar .here * {
	font-style: normal;
}

/* --- contents ---*/

.contents dt {
	margin-top: 0.5em;
	font-weight: bold;
	font-size: 120%;
}

.contents p.title {
	font-size: 150%;
}

.contents > p.title:first-letter {
	font-size: 100%;
}

/* --- footer ---*/

.footer {
	font-size: 80%;
}

.footer p {
	margin-top: 0em;
}

.footer .valid {
        float: right;
	text-align: right;
}


/* ======================================================*
 *  Common structure
 * ======================================================*/

/* --- highlight --- */

.highlight {
	width: 100%;
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 1em 0px;
	border: 1px dotted #999;
}

.highlight p {
	margin: 0px;
	margin-bottom: 1em;
	padding: 0px;
	padding-right: 1em;
}

.highlight p:first-letter {
	font-size: 150%;
}

.highlight > p > a:first-letter {
	font-size: 150%;
}

.highlight p.title {
	font-size: 150%;
}

.highlight > p.title:first-letter {
	font-size: 100%;
}

.highlight img {
	float: left;
	margin-left: 1em;
	margin-right: 1em;
}

/* --- menu with images --- */

.imgmenu {
	list-style-type: none;
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: 150%;
	font-weight: bold;
}

.imgmenu li {	/* width must be specified when this class is used */
	float: left;
}

#cupratemenu li {
	width: 20%;
}

#mKSTMmenu li {
	width: 25%;
}

#menuimg_background {
	width: 100px;
	height: 133px;
	margin-top: 1px;
}

#menuimg_instrument {
	width: 100px;
	height: 134px;
	margin-top: 0px;
}

#menuimg_publication, 
#menuimg_people {
	width: 100px;
	height: 100px;
	margin-top: 34px;
}

/* --- background --- */

#background img {
	float: right;
	margin: 0px 0px 1.5em 2em;
}

#background ul {
	list-style-type: circle;
	margin: -1em 0px 0px 1em;
	padding: 0px;
}

#background .imgwithcaption {
	text-align: center;
}

#background .imgwithcaption img {
	float: none;
	margin-top: 1em;
	text-align: center;
}

#background .imgwithcaption p {
	margin: 1em 2em;
	font-size: 80%;
}

#tc {
	float: right;
	width: 15em;
	margin: 0.5em 0px 1em 2em;
}

#tc table {
	width: 100%;
	border: 1px solid #ffffff;
}

#tc thead tr {
	text-align: left;
}

#tc th, 
#tc td {
	padding-left: 0.2em;
}

#tc p {
	font-size: smaller;
}

/* --- floating boxes for quick navigation ---*/

.jump_left {
	float: left;
	width: 50%;
	text-align: left;
}

.jump_right {
	float: right;
	width: 50%;
	text-align: right;
}


/* ======================================================*
 *  Items used in each file
 * ======================================================*/

/* --- publications --- */
#papermenu fieldset {
	padding: 0.5em;
}

#label_allyears {
	margin-left: 0.3em;
	margin-right: 1em;
}

#label_selectyear {
	margin-left: 0.3em;
	margin-right: 0.5em;
}

#popup_selectyear {
	width: 5em;
}

#button_retrieve {
	width: 5em;
	margin-left: 3em;
}

.paper {
	display: block;
	margin-bottom: 1em;
}

.paperfirst {
	margin-top: 2em;
}

.paperhidden {
	display: none;
}

.publications dt {
	margin-top: 1em;
}

.publications .comment {
	font-style: italic;
}
	
.publications .title {
	font-size: 120%;
	font-weight: bold;
}

.publications div.author {
	margin-top: 1em;
}

.publications .affiliation {
	padding-left: 1em;
	line-height: 150%; 
	font-style: italic;
	font-size: smaller;
}

.publications .reference {
	margin-top: 1em;
}

.publications .journal {
	font-style: italic;
}

.publications .volume {
	font-weight: bold;
}

.publications .copyright {
	font-size: 70%;
}

.publications .abstract {
	margin-top: 2em;
	text-align: justify;
}

.publications .info {
	margin-top: 2em;
}

.publications .info img {
	float: right;
	clear: right;
	margin-bottom: 1em;
}

.publications .article {
	list-style-type: circle;
	margin-left: 1.5em;
	padding-left: 0px;
}

.publications .article li {
	margin-bottom: 1em;
}

/* --- people --- */
.people img {
	float: right;
}

.people dt {
	margin-top: 1.2em;
	font-weight: normal;
	font-size: 100%;
	font-weight: bold;
	font-style: italic;
}

.people .email {
	margin-bottom: 0.6em;
}