@import "layout.css";

* {margin:0;padding:0;}
html {background:#333;height:100%;overflow-x:hidden;}
body {font: normal 62.5%/1 verdana,arial,helvetica,sans-serif;color:#000;padding-bottom:20px;overflow-x:hidden;}
h1, h2, h3, h4, h5, h6, h7{font-family:arial,helvetica,sans-serif;}
h1 {font-size:1.9em; font-weight:normal; margin:20px 0px 25px 0px; color:#669;}
h2 {font-size:1.5em; font-weight:bold; margin:0 0 5px 5px; color:#669;}
h3 {font-size:1.2em; margin:5px 0px 5px 5px; color:#333;}
h4 {font-size:1.1em; font-weight:bold; margin:0px 0px 5px 5px; color:#000;line-height:1.4;}
h5 {font-size:1.1em; font-weight:normal; margin:5px 5px 0 5px; color:#900;}
h6 {font-size:1.1em; font-weight:normal; margin:5px 5px 0 5px; color:#ccc;}
p {font-size: 1.1em;margin:0 0 5px 5px;line-height:1.4;}
p a{line-height:1.2em;}/* list of links in main content */
.palt{line-height:1em;}/* when list but not links e.g.research/games */

/* list styles */
ol{margin: 0 0 10px 30px;}
ul {margin: 0 0 10px 30px;}
li {line-height:1.4;font-size: 1.1em;}
dl {margin: 0 0 10px 10px;}
dt {line-height:1.4;font-size: 1.1em;margin: 0 0 0px 10px;}
dd {line-height:1.4;font-size: 1.1em;margin: 0 0 10px 10px;}

/* link tag styles */
a img {border:none;} /* images will not have borders if they are links */
a{text-decoration:none; color:#669;}
a:hover {color:#900;text-decoration:underline;}
h3 a:hover{text-decoration:underline;} /* h3 links in Sitemap */

.active{color:#99c;} /* class to show which of the nav2/3 links is active */

.dotrule{height:1px;font-size:1px;background:url(/ct/images/dot.gif) repeat-x;clear:both;margin:5px;} /* dotted horizonatal line */
.dotrule2{height:1px;font-size:1px;background:url(/ct/images/dot2.gif) repeat-x;clear:both;margin:5px;} /* dotted horizontal line on darker background pages */

/* images in main content */
img.imgleft{ float:left;margin:0 10px 5px 0;} /* example in course/undergraduate/games.asp */
img.imgright{ float:right;margin:0 0 5px 10px;}
.rightmargin{margin-right:10px;}/* images in showcase section (e.g. graphics) to add small space to the right of an image before student name e.g. showcase/graphics/01.asp */

/* changing properties of text */
.red{color:#900;}
.blue{color:#669;}
.white{color:#FFF;}
.darkgrey{color:#333;}
.lightergrey{color:#ccc;}
.lightgrey{color:#999;}
.smallgrey{color:#333;font-size:0.8em;}
.big{font-size:2.8em;}
.small{font-size:0.9em; margin:0px 0px 5px 5px; color:#000;line-height:1.4;}

#list_publi{

}

#list_publi .author{
font-style:uppercase;
margin:3px;
background:red;
}

#list_publi .description{
margin:3px;
background:white;
}

#list_publi .pdf{
text-align:right;
margin:3px;
background:white;
}

#list_publi .date{
color:white;
font-style:italic;
padding-left:3px;
background:#990000;
}

#genButtons{
margin:auto;
height:110px;
}

#bouton1{
margin:5px;
background:url(/ct/images/people_of.png);
height:100px;
width:130px;
}

#bouton1:hover{
margin:5px;
background:url(/ct/images/people_on.png);
height:100px;
width:130px;
}

#bouton2{
margin:5px;
background:url(/ct/images/projects_of.png);
height:100px;
width:130px;
}

#bouton2:hover{
margin:5px;
background:url(/ct/images/projects_on.png);
height:100px;
width:130px;
}

#bouton3{
margin:5px;
background:url(/ct/images/publi_of.png);
height:100px;
width:130px;
}

#bouton3:hover{
margin:5px;
background:url(/ct/images/publi_on.png);
height:100px;
width:130px;
}

input[type=submit]{
padding:3px;
margin-right:4px;
border:1px dashed #333333;
color:#ffffff;
background-color:#be3515;
}

.txtBox {
    border: 1px solid #333333;
    font-family: calibri, verdana, arial, helvetica, sans-serif;
    font-size: 12pt;    
    color: #003366;
    background-image: url(/ct/images/box.png) repeat-x;
	margin-left:3px;
	margin-top:3px;
	margin-bottom:3px;
	padding:2px;
}

fieldset{
border:1px dashed #990000;
}

legend{
border: 1px solid #990000;
padding:3px;
background-color:white;
}