html, body {
	margin: 0;
	padding: 0;
	font-family:gill sans mt, trebuchet ms,helvetica neue, helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	min-height: 780px;
	color: #333333;
	background-color: white;
	height: 100%;
}

#container {
	min-height: 100%
	position: relative;
	background: #e9eadf url(http://www.utc.fr/ic05/images/graphe-gephi2.png);
}

#upper{
	width: 100%;
	top: 0px;
	padding-top:  30px;
	height: 430px;
	position: relative;
	display: block;
	background-repeat: no-repeat;
	background-attachment:fixed;
	background: #e9eadf url(../images/graphe-gephi2.png);
}

#upper #headline {
	margin: 0 auto;
	text-align: left;
	width: 780px;
	height: auto;
}

#upper #headline .left {
	left: 30px;
	float: left;
	padding-left: 10px;
	font-size: large;	
	color: #555555;
}

#upper #headline .right {
	right: 5px;
	float: right;	
}

#upper #shema {
	margin: 0 auto;
	width: 780px;
	height: 440px;
	top:  0px;
}

#lower {
	//background-image: url(../images/gradient-grey.png);
	background-repeat: repeat-x;
	background-color: white;
	width: 100%;
	min-height: 20em;
	padding:0;
	padding-bottom: 2.5em;
	-webkit-border-image: url(../images/border-top.png) 100% 0 0 0 repeat repeat;
	-moz-border-image: url(../images/border-top.png) 100% 0 0 0 repeat repeat;
	border-top-image: url(../images/border-top.png) 100% 0 0 0 repeat repeat;
	border-width: 26px 0px 0px 0px;
}

#lower #bottomline {
	padding-top: 30px;
	margin: 0 auto;
	text-align:  center;
	width: 780px;
	height: auto;
}

#lower #bottomline .left {
	float: left;
	width: 30%;
	//border: 1px  dotted orange;
}

#lower #bottomline .middle {
	float:  left;
	width: 30%;
	margin-left: 5%;
	//border: 1px  dotted orange;
	
}

#lower #bottomline .right {
	float: right;
	width: 30%;
	margin-left: 5%;
	//border: 1px  dotted orange;
}

#lower h2 {
	font-weight:  normal;
}

#lower ul {
	list-style: none;
	text-align: left;
	font-weight: lighter;
}

#lower ul li {
	margin-bottom: 10px;
}

#lower a {
	text-decoration: none;
	color: #3a3b38;
}

#lower a:hover {
	text-decoration: none;
	color: #616160;
}

#header {
	top: 0px;
	background-color: rgb(86, 126, 153);
	//background-color: rgb(37,27,18);
	background-image: url(../images/header-blue.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center bottom;
	height: 7.5em;
	width: 100%;
	position: relative;
	color: rgb(232, 237, 246);
	text-shadow: rgb(76, 110, 135) 0px -1px 0px;
}

#header ul {
	list-style-position:  inside;
	list-style-type:  none;
	display: block;
	margin: 0;
	padding: 10px 0px 0px 10px;
}

#header ul li {
	float: left;
	margin-left: 40px;
	text-align: left;
}

#header ul li ul {
	padding: 0;
	margin: 0;
}

#header h2 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	vertical-align: baseline;
}

#header ul li ul li {
	margin-left: 0px;
	display: block;
	border: none;
	float:  none;
}

#header span.selected {
	color: rgb(255, 180, 0);
}

#header a, #footer a {
	text-decoration: none;
	color: rgb(222, 227, 236);
}

#header a:hover, #footer a:hover {
	text-decoration: none;
	color: rgb(232, 237, 246);
}

#contact {
	bottom: 0.8em;
	right:  3em;
	position: absolute;
	background: url(../images/contact.png);
	background-repeat: no-repeat;
	padding-left: 25px;
}


#middler {
	width: 100%;
	margin: 0;
	padding: 0;
	padding-bottom: 2.5em
	-moz-border-image: url(../images/border-top.png) 100% 0 0 0 repeat repeat;
	-webkit-border-image: url(../images/border-top.png) 100% 0 0 0 repeat repeat;
	border-image: url(../images/border-top.png) 100% 0 0 0 repeat repeat;
	border-width: 26px 0 0 0;
	overflow: hidden;
}

#main {
	display: block;
	margin: 30px auto;
	width: 780px;
	height: auto;
	overflow: hidden;
}

#content {
	padding: 5px 10px 10px 10px; 
	width: 65%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #fdfef8;
	float: left;
	border: #d9dacf 2px solid;
	text-align: left;
	text-shadow: white 0px 1px 1px;
	margin-bottom: 10px;
}

#submenu {
	padding: 5px 2px 10px 2px;
	width: 26%;
	float:  right;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: rgb(174, 180, 169);
	color: white;
	text-shadow: rgb(154, 160, 149) 0px 1px 0px;
}

#submenu ul {
	list-style: none;
	padding: 0 0.5em 0 0.5em;
	text-align: left;
	font-weight: lighter;
	
}

#submenu ul li {
	margin-bottom: 5px;
	padding: 0.5em;
	border-bottom-style: solid;
	border-bottom-color: white;
	border-bottom-width: 1px;
	text-decoration: none;
	color:  white;
}

#submenu ul li:hover {
	background-color: rgb(224, 230, 219);
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	border-radius: 7px 7px 0px 0px;
	color: rgb(144, 150, 139);
	text-shadow: none;
}

#submenu ul li.selected {
	background-color: rgb(174, 180, 169);
	list-style-image:  url(../images/arrow.png);
	color: #333333;
}

#submenu ul li a {
	color: inherit;
	text-decoration: none;
}

#submenu ul li a:hover {
	text-decoration: none;
	color: inherit;
	text-shadow:  none;
}

#submenu h3 {
	font-weight: normal;
}

#content h1 {
	text-align: center;
	font-size: 1.5em;
	font-weight: lighter;
}

#content h2 {
	text-align: left;
	font-size: 1.25em;
	font-weight: lighter;
}

#content ul, #content dl{
	list-style-type: square;
	text-shadow: white 0px -1px 0px;
	margin:0;
}

#content ul.course{
	list-style-image: url(../images/link-icon.png);
	margin:1em 0;
}

#content dt {padding-left:0.5em;}

#content li {
	padding: 0;
	margin: 0;
}

#content a{
	text-decoration: none;
	color: #5f5f5f;
}

#content a:hover{
	color: #333333;
}


#content li.pdf, #content li.zip {
	list-style-image: url(../images/pdf-icon-mini.png);
}


#content a.pdf, #content a.zip {
	text-shadow: white 0px -1px 0px;
	text-decoration: none;
	color: #666666;
}

#content table {
	border-collapse: collapse;
	border: 1px solid rgb(154, 160, 149);
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-radius-topleft: 10px;
	border-radius-topleft: 10px;
	margin: 1.5em;
}

#content thead {
	background: #e9eadf url(../images/graphe-gephi2.png);
	color: #333333;
	font-size: 1.25em;
	font-weight: lighter;
	border: 1px solid rgb(154, 160, 149);
}

#content thead tr th {
	padding:  1em;
}

#content tbody tr td {
	padding: 0.5em 0.3em;
}

#content tbody tr td.adjust {
	width: 5em;
}

#content tbody tr.enhance {
	background-color: rgba(233, 234, 223, 0.4);
}

#footer {
	/*clear: both;*/
	bottom: 0;
	background-color: rgb(86, 126, 153);
	background-image: url(../images/header-blue.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center bottom;
	color: rgb(236, 237, 220);
	height: 2.5em;
	width: 100%;
	position:  absolute;
	font-size: 0.8em;
	padding: 3px 0px 0px 0px;
	text-align: left;
	margin: 0;
}

/*#footer-alternative {
	//clear: both;
	bottom: 0;
	background-color: #e9eadf;
	background-image: url(../images/header-maroon.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center bottom;
	color: #504434;
	height: 2.5em;
	width: 100%;
	position:  absolute;
	font-size: 0.8em;
	padding: 3px 0px 0px 0px;
	text-align: left;
	margin: 0;
}*/

.italic {font-style: italic;}
.small {font-size: 0.8em;}
.colored {color: #60615c;}
.bold, strong {font-weight: bold;}

img.right {float: right;}
img.left {float: left;}
img.margin-right {margin-right: 1em;}
img.text-bottom{vertical-align: text-bottom;}
img {border-width: 0px; }


p.center {text-align: center;}

br.clearall{clear: both;}