/* ========================== General styles ========================== */

body {
	margin: 0; /* no margin */
    background: #ffffff url("./Images/frise.png") repeat-x 0% 0%;
} 

img {
	border: 0; /* no border for images */
}

table {
	border-collapse: collapse;
	border-width : 0;
	border-spacing: 0;
	padding : 0;
	text-align: center;
}	 

p, ul, ol, td {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px; 
	vertical-align : top;
	text-align: justify;
    line-height: 1.5;
}

div {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px; 
	text-align: left;
}

a {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px; 
	font-weight: bold;
	color: #003366;
	text-decoration: none;
}

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

/* Text in a <pre> element is displayed in a fixed-width font (usually Courier),*/
/* and it preserves both spaces and line breaks. */
pre {
	font-size : 12px; 
	padding:0px 30px;
}

/* --- Images "display block" to avoid additional pixels under the image with IE --- */
img.bloc {
	display: block;
	}

@media print {
    .noprint {
        display: none;
    }
}

/* ========================== Header with loading logo, titles and partners logos ========================== */
#header_top {
	margin: 0px auto; 
	width: 960px;
	height: 160px;
	position: relative;
	background: url("/lsgi/ggfc/ggfc_files/Images/frise2.png") repeat-x left top;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
}

#fond_load {
	position: absolute;
	left: -102px;
	top: 0px;
	height: 160px;
}
#logo_load {
	position: absolute;
	left: +12px;
	top: 20px;
}

#title_load {
	position: absolute;
	left: 185px;
	top: -5px;
	padding : 50px 0 0 10px;
	color: #0055AA;
    font-family : Impact, Charcoal, sans-serif;
	font-size : 48px; 
/*	font-weight: bold;*/
	text-shadow: 1px 1px 1px rgb(170, 170, 170);
}

#logos_insts {
	position: absolute;
	top: 0px;
	left: 679px;
	width: 279px;
	height: 100%;
/*	background-color: #ffffff;
	border-left: solid 1px #cccccc;*/
}

#logo_iers {
	position: absolute;
	top: 10px;
	left: 50px;
}
#logo_ggfc {
	position: absolute;
	top: 30px;
	left: 140px;

}
#logo_csr {
	position: absolute;
	top: 116px;
	left: 136px;
}
#logo_polyu {
	position: absolute;
	top: 110px;
	left: 225px;
}

/* ========================== Header menu ========================== */
#header_menu {
	margin: 0px auto;
	width: 960px;
	height: 40px;
	position: relative;
	background-color: #0055AA;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
}

/* --- Dropdown menu --- */

#header_menu ul, #header_menu li {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

#header_menu li a{
	display:block;
	color: #ffffff;
}

/* --- Level 1 --- */

#header_menu .level1 li {
	float: left;
	background: url("/lsgi/ggfc/ggfc_files/Images/barre.png") no-repeat scroll right top transparent;
}

#header_menu .level1 li a{
	font-size: 14px;
	line-height: 40px;
	padding: 0px 45px;
}
#header_menu .level1 li a.icon_home{
	line-height: 0px;
	padding: 0px 10px;
}

#header_menu .level1 li:hover {
	background-color: #004477;
}

#header_menu .level1 li a:hover {
	color: #ffffff;
}

/* --- Level 2 --- */

#header_menu .level2 {
	display: none;
	position: absolute;
	z-index:9000;
}
#header_menu li:hover .level2 {
	display: block;
}


#header_menu .level2 li {
	float: none;
	background: #004477;
	opacity: 0.9;
}
#header_menu .level2 li a {
	font-size: 14px;
	line-height: 30px;
	padding: 0px 15px;
}
#header_menu .level2 li.submenu a {
	font-size: 12px;
	line-height: 20px;
	padding-left: 30px;
}
#header_menu .level2 li:hover{
	background: #2c5977;
}
#header_menu .level2 li a:hover{
	color: #ffffff;
}
/* ========================== Breadcrump ========================== */
#breadcrump {
	margin: 0px auto;
	padding: 15px 0 0 15px;
	width: 945px;
	position: relative;
	background-color: #ffffff;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
    font-size : 11px;
}
#breadcrump a {
	font-size : 11px; 
}

/* ========================== Main part of the page (for text...) ========================== */

@media screen {
    #container {
        margin: 0px auto;
        padding: 1px 30px;
        width: 900px;
        position: relative;
        background-color: #ffffff;
        border-left: solid 1px #cccccc;
        border-right: solid 1px #cccccc;
    }
}

@media print {
    #container {
        margin: 0px auto;
        padding: 1px 30px;
        width: 900px;
        position: relative;
        background-color: #ffffff;
        border-left: solid 1px #ffffff;
        border-right: solid 1px #fffff;
    }
}

/* --- Particular styles used in the main part of the pages (container) --- */
#container p, ul, li, a {
    font-size: 14px;
}

hr {
	border : 0;
	width: 80%;
	height: 2px;
	background-color: #cccccc; /* For old browsers */
	background-image: linear-gradient(to right,#ffffff,#cccccc,#ffffff); /* W3C */
	background-image:-moz-linear-gradient(left,#ffffff,#cccccc,#ffffff); /* Firefox3.6+ */
	background-image:-webkit-linear-gradient(left,#ffffff,#cccccc,#ffffff); /* Chrome10+,Safari5.1+ */
	background-image:-o-linear-gradient(left,#ffffff,#cccccc,#ffffff); /* Opera 11.10+ */
	background-image:-ms-linear-gradient(left,#ffffff,#cccccc,#ffffff); /* IE10+ */
}

h1 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 20px; 
	font-weight: bold;
	color: #003366;
	text-align: center;
	padding-bottom: 20px;
}

h2 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 16px; 
	font-weight: bold;
	color: #003366;
	text-align: left;
}

h3 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px; 
	font-weight: bold;
	color: #003366;
	text-align: left;
}

td.titledd {
	font-size: 14px;
	font-weight: bold;
	color: #2c5977;
	text-align: left;
	padding-bottom:10px;
	padding-top:10px;
}
td.titledd hr {
	border : 0;
    border-top : 2px solid #2c5977;
	width: 100%;
}

td.datad {
	padding-left:0px;
}
input.submit {
	color: white;
	background-color: #2c5977;
	border-radius: 5px 5px 5px 5px;
}
p.nodata {
	font-size: 14px;
	font-weight: bold;
	font-style : italic;
	text-align: center;
	color: #666666;
}

/* --- Particular div for listing --- */
.listdatan1 {
    position: relative;
    width: 878px;
}
.listdatan2 {
    position: relative;
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    width: 878px;
}
.listdatan3 {
    position: relative;
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3;
    width: 878px;
}
.listdatan1 a, .listdatan2 a, .listdatan3 a {
	font-size: 12px;
}

/* --- Particular div and style for references --- */
.textpub {
    position: relative;
	padding:0px 30px 10px 30px;
	text-align: justify;
	line-height: 1.5;
}

.textpub a {
	font-size: 12px;
}

.autart {
	font-weight: bold;
	color: #990000;
}

/* ========================== Place for the map ========================== */
#carteitrf, #carteggp, #cartetilt {
	width: 900px;
	height: 450px;
	border: solid 1px #cccccc;
	padding: 0px;
	overflow: hidden;
}


/* ========================== Footer ========================== */
#footer {
	margin: 0px auto;
	padding: 10px 0;
	width: 960px;
	position: relative;
	background-color: #ffffff;
    text-align: center;
	font-size : 14px;
	color: #999999;
	font-weight: bold;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}
/* --- Particular styles used in the footer of the pages --- */
#footer a {
	font-size : 12px; 
	color: #999999;
}
#footer a:hover {
	color: #003366;
}