html
{
	margin: 0;
	padding: 0;
	height: 100%;
	background-color: #787878;
}

body
{
	margin: 0 15%;
	padding: 0;
	font-family: 'trebuchet ms',verdana, helvetica, arial, sans-serif;
	font-size: 75%;
	height: 99%;
	color: #404040;
	background-color: #ffffff;
}

h1
{
	margin: 0 0 0.25em;
	font-family: "times new roman" ,times,serif;
	font-weight: bold;
	font-size: 200%;
}

h2
{
	border-style: dotted;
	border-color: #404040;
	border-width: 0 0 1px;
	margin: 0 0 0.25em;
	font-family: "times new roman" ,times,serif;
	font-weight: bold;
	font-size: 180%;
	padding-bottom: 0.2em;
}

h3
{
	margin: 0 0 0.25em;
	font-family: "times new roman" ,times,serif;
	font-weight: bold;
	font-size: 150%;
}

h4
{
	margin: 0 0 0.25em;
	font-family: "times new roman" ,times,serif;
	font-weight: bold;
	font-size: 133.33%;
}

h5
{
	margin: 0 0 0.25em;
	font-family: "times new roman" ,times,serif;
	font-weight: bold;
	font-size: 116.67%;
}

h6
{
	margin: 0 0 0.25em;
	font-family: "times new roman" ,times,serif;
	font-weight: bold;
	font-size: 116.67%;
	font-style: italic;
}


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

ul
{
	line-height: 1.5em;
}

ol
{
	line-height: 1.5em;
}

dl
{
	margin: 0 0 1em 1em;
	line-height: 1.5em;
}

li
{
	line-height: 1.5em;
}

dt
{
	font-weight: bold;
}

dd
{
	margin: 0 0 1em 2em;
}

cite
{
	font-style: italic;
}

blockquote
{
	margin: 0 0 1em 1.5em;
	font-style: italic;
}

b
{
	font-weight: bold;
}

i
{
	font-style: italic;
}

pre
{
	font-family: monospace;
	font-size: 1.1em;
}

code
{
	font-family: monospace;
	font-size: 1.1em;
}

acronym
{
	border-bottom: 0.1em dashed #cc0000;
	letter-spacing: 0.07em;
	cursor: help;
}

abbr
{
	border-bottom: 0.1em dashed #cc0000;
	letter-spacing: 0.07em;
	cursor: help;
}

table
{
	margin: 5px;
	padding: 2px 5px;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
}
table.rectangle
{
	border: 1px solid #999999;
	width: 100%;
}
table.formula
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	text-align: center;
	padding: 0 0 0 0;
}
table.num_eqn
{
	width: 99%;
	text-align: center;
	vertical-align: middle;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	line-height: 2em;
}
td
{
	border: 0 solid #999999;
	padding: 2px;
}

a
{
	text-decoration: none;
	color: #268cbf;
}

a:hover
{
	color: #72d8ff;
	text-decoration: underline;
}



/* -- Structure -- */
#wrapper
{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -4em;
	padding: 0;
	border-right-width: 2px;
	border-left-width: 1px;
	border-bottom-width: 2px;
	border-top-width: 1px;
	border-color: #606060;
	border-style: solid;
	border-bottom-color: #202020;
	border-right-color: #202020;
	background-color: #FFF;
}
#page
{
	background-color: #FFF;
	margin: 0;
}
.push
{
	display: block;
	height: 4em;
}
/* layout automatic */
#header
{
	margin: 0;
	width: 100%;
	padding: 0;
	padding-top: 0.5em;
	background-color: #F0F0F0;
	padding-bottom: 0.5em;
	border-top-width: 0;
	border-color: #e9e9e9;
	border-style: none;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-left-width: 0;
	padding-left: 0;
}
#header-right
{
	float: right;
	display: inline;
}
#header-top
{
	text-align: right;
	font-size: 0.9em;
	padding-top: 16px;
	padding: 0;
}
#header-titre
{
	margin-top: 0;
	margin-bottom: 0;
	top: -16px;
	padding-left: 16px;
	font-size: 2.5em;
	color: #686868;
	display: block;
}
#header-sous-titre
{
	font-size: 0.9em;
	text-align: right;
	color: #686868;
	top: -16px;
	padding-left: 16px;
}
#content
{
	padding: 1em;
	font-size: 1.1em;
	border-top-width: 1px;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-color: #F0F0F0;
	border-style: none;
	padding-top: 0;
}
#footer
{
	height: 4em;
	font-size: 0.9em;
	padding: 0;
	margin: 0;
	background-color: #F0F0F0;
	border-color: #E8E8E8;
	border-top-width: 1px;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	padding: 0 1.5em;
	margin: 2px 3px 0 1px;
	border-style: solid;
	margin-right: 2px;
	color: #686868;
}
#footer p
{
	margin: 0;
	padding: 0;
	padding-top: 0.5em;
}
/* end layout automatic */



/* -- menus navigation -- */
#menu
{
	list-style-type: none;
	width: 100%;
	font-size: 1.2em;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-left-width: 0;
	border-color: #A8A8A8;
	border-style: solid;
	background-color: #E8E8E8;
	margin: 0 0 0 0;
	padding: 0.3em 0em 0em 0em;
}
#menu a
{
	padding-right: 0.5em;
	padding-left: 0.5em;
	text-decoration: none;
	color: #000;
}
#menu a:hover
{
	background-color: #A8A8A8;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}
#menu li
{
	display: inline;
	padding: 0.2em;
	padding-top: 0.3em;
	line-height: 1.5em;
	margin: 0 0 0 0.3em;
}
li#menu-active
{
	font-weight: bold;
	background-color: #A8A8A8;
	color: #000;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-color: #888;
	border-style: solid;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}
li#menu-active-a a:hover
{
	padding-top: 0;
	padding-bottom: 0;
}
li#menu-active-a a:link
{
	position: relative;
	z-index: 102;
}
li#menu-active-a
{
	font-weight: bold;
	color: #FFF;
	background-color: #A8A8A8;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0;
	border-left-width: 1px;
	border-color: #888;
	border-style: solid;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	z-index: 102;
}
/* -- niveau 2 -- */
#sub-menu
{
	list-style-type: none;
	width: 100%;
	font-size: 1em;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-left-width: 0;
	border-color: #888;
	border-style: solid;
	background-color: #A8A8A8;
	color: #E8E8E8;
	margin: 0 0 0 0;
	padding: 0.2em 0em 0.2em 0em;
}
#sub-menu a
{
	text-align: center;
	text-decoration: none;
	border-color: #A8A8A8;
	padding: 0;
	color: #E8E8E8;
}
#sub-menu a:hover
{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	color: #E8E8E8;
	border-color: #888;
	background-color: #686868;
	border-style: solid;
}
#sub-menu li
{
	display: inline;
	padding: 0.2em;
	padding-top: 0.3em;
	line-height: 1.5em;
	margin: 0 0 0 0.3em;
}
li#sub-menu-active
{
	font-weight: bold;
	color: #E8E8E8;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-style: solid;
	border-color: #888;
	padding: 0.3em 0em 0.3em 0em;
	background-color: #686868;
}
#sub-menu-active-a
{
	font-weight: bold;
	background-color: #686868;
	padding: 0.5em 0em 0.5em 0em;
	color: #E8E8E8;
	text-align: center;
	border-style: solid;
	border-color: #888;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	margin-left: 0;
}
#sub-menu-active-a a:hover
{
	border-style: none;
}
#sub-menu-active-a a
{
	font-weight: bold;
	color: #E8E8E8;
	border-style: none;
	padding: 0;
}
/* -- niveau 3 -- */
#sub-sub-menu
{
	background-color: #F0F0F0;
	width: 100%;
	padding-left: 0;
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 0;
	border-top-width: 1px;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-color: #E8E8E8;
	border-style: solid;
	padding-bottom: 0.2em;
	padding-top: 0;
	list-style-type: none;
}
#sub-sub-menu a
{
	text-decoration: none;
}
#sub-sub-menu #sub-sub-menu-active span
{
}
#sub-sub-menu li #sub-sub-menu-active
{
}
#sub-sub-menu li
{
	float: left;
	padding-right: 0.5em;
	padding-left: 0.5em;
	font-weight: bold;
	margin-left: 0.5em;
	display: inline;
}
#sub-sub-menu li ul
{
	margin-left: 0;
	padding-left: 0;
}
#sub-sub-menu li ul li
{
	list-style-type: none;
	font-weight: normal;
	font-size: 95%;
	float: none;
}
#sub-sub-menu li ul li li
{
	font-size: 100%;
}
#sub-sub-menu:after
{
	content: ".";
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html #sub-sub-menu
{
	height: 1%;
}
/* End hide from IE-mac */
/* -- icônes menus navigation -- */
#menu .menu-2
{
	background-image: url(http://www.occhio.be/Es/Images/web/house.png);
	background-repeat: no-repeat;
	background-position: 4px 50%;
	padding-left: 24px;
}
#menu .menu-21
{
	background-image: url(http://www.occhio.be/Es/Images/web/icon_lamp.jpg);
	background-repeat: no-repeat;
	background-position: 4px 50%;
	padding-left: 24px;
}
#menu .menu-22
{
	background-image: url(http://www.occhio.be/Es/Images/web/icon_microscope.jpg);
	background-repeat: no-repeat;
	background-position: 4px 50%;
	padding-left: 24px;
}
#menu .menu-23
{
	background-image: url(http://www.occhio.be/Es/Images/web/openbook.png);
	background-repeat: no-repeat;
	background-position: 4px 50%;
	padding-left: 24px;
}
#sub-menu .sub-menu-3
{
	padding-left: 24px;
}
#sub-menu .sub-menu-12
{
	padding-left: 24px;
}
#sub-menu .sub-menu-4
{
	padding-left: 24px;
}


.callisto_action
{
	font-family: monospace;
	font-size: 1.1em;
	color: #006699;
}


.callisto_parameter
{
	font-family: monospace;
	font-size: 1.1em;
	color: #cc6600;
}


.legend
{
	font-style: italic;
	text-align: center;
}


.voc_tech
{
	color: #993366;
}

/*nowrap="nowrap"*/
.math
{
	font-family: freeserif, 'times new roman' ,serif;
	font-style: italic;
	color: #332222;
	white-space: nowrap;
}


.radic
{
	border-top: solid 1px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	vertical-align: middle;
	text-align: left;
	letter-spacing: 0.2em;
}

.overline
{
	text-decoration: overline;
}