/* GENERAL */
html {
	margin: 0; padding: 0;
}
body {
	font-size : 1em;
	margin: 0; padding: 0;
	background: #fff;
	font-family: Arial, Helvetica, Sans-Serif;
}
p {
	margin: 0; padding: 0;
}
a {
	color: #fff;
	text-decoration: none;
}
a:hover {
	color: #000;
}
/**/
#footer {
	clear: both;
	position: absolute;
	left: 50%; top: 748px;
	width: 1024px;
	margin-left: -512px;
	text-align: right;
	font-size: 0.6em;
	color: #ddd;
}
#footer a {
	color: #ccc;
	text-decoration: none;
	padding-right: 10px;
}
#footer a:hover {
	color: #ccc;
}
/**/
ul#menu {
	position: absolute;
	left: 50px; top: 466px;
	list-style: none;
	margin: 0; padding: 0;
	font-size: 0.75em;
}
ul#menu li {
	margin-bottom: 4px;
}
ul#menu a {
	color: #fff;
	text-decoration: none;
}
ul#menu a:hover {
	color: #000;
}
/**/
#visuelGenieCivil,
#visuelGenieMecanique,
#visuelInformatique,
#visuelMicrotechniques,
#visuelTelecommunications,
#visuelAgronomie,
#visuelGestionDeLaNature,
#visuelArchitecture,
#visuelArchitectureDuPaysage {
	position: absolute; top: 173px; left: 0; width: 291px; height: 274px;
}
#visuelGenieCivil {
	position: absolute; top: 173px; left: 0; width: 291px; height: 274px;
	background: url(../img/genie-civil-visuel.jpg) no-repeat;
}
#visuelGenieMecanique {
	position: absolute; top: 173px; left: 0; width: 291px; height: 274px;
	background: url(../img/genie-mecanique-visuel.jpg) no-repeat;
}
#visuelInformatique {
	background: url(../img/informatique-visuel.jpg) no-repeat;
}
#visuelMicrotechniques {
	background: url(../img/microtechniques-visuel.jpg) no-repeat;
}
#visuelTelecommunications {
	background: url(../img/telecommunications-visuel.jpg) no-repeat;
}
#visuelAgronomie {
	background: url(../img/agronomie-visuel.jpg) no-repeat;
}
#visuelGestionDeLaNature {
	background: url(../img/gestion-de-la-nature-visuel.jpg) no-repeat;
}
#visuelArchitecture {
	background: url(../img/architecture-visuel.jpg) no-repeat;
}
#visuelArchitectureDuPaysage {
	background: url(../img/architecture-du-paysage-visuel.jpg) no-repeat;
}
/**/
#logoEcole {
	margin: 0; padding: 0; border: 0;
	position: absolute;
	top: 44px; left: 0;
	width: 177px; height: 74px;
}
#logoPrint {
	display: none;
}
#logoHES-SO {
	margin: 0; padding: 0; border: 0;
	position: absolute;
	bottom: 35px; right: 35px;
	width: 118px; height: 32px;
}
#homepage #logoHES-SO {
	/**/
}

/*
#logoEIG, #logoEIL {
	position: absolute;
	top: 44px; left: 0;
	width: 177px; height: 77px;
}
#pageIngenierie #logoEIG {
	background: url(../img/logo-eig-ing.png) no-repeat;
}
#pageArchitecture #logoEIG {
	background: url(../img/logo-eig-arch.png) no-repeat;
}
#pageIngenierie #logoEIL {
	background: url(../img/logo-eil-ing.png) no-repeat;
}
#pageArchitecture #logoEIL {
	background: url(../img/logo-eil-arch.png) no-repeat;
}
*/
/**/
#backHome {
	position: absolute;
	top: 140px; right: 168px;
}
#backHome a {
	font-size: 0.75em;
	font-weight: bold;
	color: #000;
}
#backHome a:hover {
	color: #fff;
}
/**/
#pageIngenierie, #pageArchitecture {
	margin: 0; padding: 0;
	position: absolute;
	top: 0; left: 50%;
	width: 1024px; height: 767px;
	margin-left: -512px;
	background: #99bccb url(../img/ingenierie-back.png) no-repeat;
}
#pageArchitecture {
	background: #99bccb url(../img/architecture-back.png) no-repeat;
}
/**/
#texte {
	width: 510px;
	padding: 15px 20px;
	position: absolute;
	top: 170px; left: 306px;
	text-align: left;
}
#texte h1 {
	font-family: "Myriad Pro", Sans-Serif;
    color: #fff;
    font-size: 1.3em;
    margin: 0;
    margin-bottom: 0.5em;
    font-weight: normal;
}
#texte p {
	margin-bottom: 1em;
	font-size: 0.75em;
}
/**/
#texte div.temoignage {
	font-size: 0.9em;
	margin: 0;
}
#texte div.temoignage p.nom {
	color: #fff;
	margin: 0;
	font-weight: bold;
}
#texte div.temoignage p.citation {
	margin: 0;
	margin-bottom: 0.5em;
}
/**/
#infos {
	width: 510px;
	padding: 12px 20px;
	position: absolute;
	top: 464px; left: 306px;
}
#infos p {
	margin-bottom: 3px;
	font-size: 0.75em;
}
#infos a {
	font-weight: bold;
	margin-right: 3em;
}




/* HOMEPAGE */
#homepage {
	margin: 0; padding: 0;
	position: absolute;
	top: 0; left: 50%;
	width: 1024px; height: 767px;
	margin-left: -512px;
	background: #f6a924 url(../img/home-back.png) no-repeat;
}
#homepage #accroche {
	width: 446px;
	position: absolute;
	top: 72px; left: 286px;
	display: none;
}
#homepage #accroche p {
	font-family: "Myriad Pro", Sans-Serif;
    color: #fff;
    font-size: 1.3em;
    margin-bottom: 4px;
}
#homepage #accroche span.qui {
	font-size: 0.7em;
}
#homepage #visuel1, #homepage #visuel2 {
	position: absolute;
	top: 112px;
	width: 181px; height: 256px;
}
#homepage #visuel1 {
	left: 286px;
	background: url(../img/home-visuel-1.jpg) no-repeat;
}
#homepage #visuel2 {
	left: 492px; /* 286 + 25 + 181 */
	background: url(../img/home-visuel-2.jpg) no-repeat;
}
#homepage #intro {
	width: 446px;
	position: absolute;
	top: 387px; left: 286px;
}
#homepage #intro p {
	margin-bottom: 1em;
	font-size: 0.75em;
}
#homepage #liens {
	width: 446px;
	position: absolute;
	top: 624px; left: 286px;
}
#homepage #liens p {
	color: #fff;
	margin-bottom: 0.2em;
	line-height: 0.8em;
}
#homepage #liens p.titre {
	font-family: "Myriad Pro", Sans-Serif;
	display: none;
}
#homepage #liens #liensIngenierie {
	position: absolute;
	top: 13px; left: 0;
}
#homepage #liens #liensArchitecture {
	position: absolute;
	top: 75px; left: 0;
}
#homepage #liens ul {
	list-style: none;
	margin: 0; padding: 0;
}
#homepage #liens li {
	float: left;
	margin: 0; padding: 0;
	margin-right: 5px;
	margin-top: 5px;
	padding-right: 5px;
	border-right: 1px #fff solid;
	height: 1em;
	line-height: 1em;
}
#homepage #liens li.first {
	border-left: 1px #fff solid;
	padding-left: 5px;
}
#homepage #liens a {
	color: #fff;
	text-decoration: none;
	font-size: 0.75em;
	font-weight: bold;
	letter-spacing: 0.05em;
}
#homepage #liens a:hover {
	color: #000;
}
/**/