/* @override http://ideva-fugere/application/lib/css/main.css */

html {
	overflow-y: scroll;
}

body {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 12px;
	line-height: 1.4em;
	min-width: 994px;
	text-align: center;
}

/* @group Helpers */

.clear {
	clear: both;
}

.debug {
	background-color: orange;
	padding: 1em;
}


#beta {
	position: fixed;
	top: 0;
	left: 0;
	width: 113px;
	height: 113px;
	background-image: url(../images/beta-banner.gif);
}



.floatLeft 			{ float: left; }
.floatRight			{ float: right; }
.clear				{ clear: both; }
.layoutCenter		{ margin: 0 auto; }
.textCenter			{ text-align: center; }
.textRight			{ text-align: right; }
.textLeft			{ text-align: left; }


/* @end */

#container {
	width: 865px;
	margin: 0 auto;
	margin-top: 100px;
}

#logo {
	background-image: url(../images/logo-fugere.png);
	float: right;
	width: 300px;
	height: 71px;
	margin: -20px 10px 10px 0;
}

#logo h1 {
	display: none;
}

#contents {
	width: 691px;
	height: 463px;
	background-image: url(../images/content-border.png);
	float: left;
	text-align: left;
}

#footer {
	width: 691px;
	margin: 0 auto;
	padding-top: 10px;
	padding-left: 160px;
}

#navigation {
	float: left;
	width: 167px;
	text-align: left;
	margin-top: 50px;
}


#navigation ul li {
	display: block;
}

#navigation ul li a span {
	display: none;
}

#navigation ul li a {
	display: block;
	height: 13px;
	width: 150px;
	margin-bottom: 9px;
	background: url(../images/menu.png) no-repeat;
}

#navigation ul li a.accueil {
	background-position: 0 0;
}

#navigation ul li a.projets {
	background-position: 0 -21px;
}

#navigation ul li a.services {
	background-position: 0 -43px;
}

#navigation ul li a.equipe {
	background-position: 0 -65px;
}

#navigation ul li a.contact {
	background-position: 0 -87px;
}


#navigation ul li#toggled-res {
	cursor: pointer;
}

#navigation ul li a.project,
#navigation ul li a#res-toggler,
#navigation ul li a#com-toggler,
#navigation ul li a#instit-toggler {
	background: none;
	text-decoration: none;
	color: black;
	text-transform: uppercase;
	font-size: 11px;
	padding-left: 4px;
}

#navigation ul li a.project {
	text-transform: capitalize;
	margin-left: 6px;
	padding-left: 8px;
	overflow: hidden;
	font-size: 10px;
	line-height: 12px;
	height: 12px;
	background: url(../images/bullet.gif) no-repeat left center;
}


.active {
	font-weight: bold;
}


body.services div#contents img,
body.contact div#contents img,
body.equipe div#contents img {
	padding: 12px 10px 0px 10px;
}

a,
a:visited {
	color: black;
}

a#donnees-toggler,
a#credits-toggler,
a#description-toggler {
	text-decoration: none;
	color: #777;
	padding-right: 1em;
	font-size: 9px;
	text-transform: uppercase;
	font-weight: bold;
}

a#donnees-toggler em,
a#credits-toggler em,
a#description-toggler em {
}

#project-description-holder h2 {
	color: #d4b72e;
	margin: 8px 0 4px 0;
	text-transform: uppercase;
	font: 20px "Arial Narrow", Arial, Helvetica, Geneva, sans-serif;
}

#project-description-holder {
	width: 694px;
	background-color: white;
	position: absolute;
	margin-top: 12px;
}

div#description,
div#donnees,
div#credits {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 12px;
	line-height: 1.4em;
	min-height: 100px;
}

#project-holder {
	padding: 12px 14px 4px 13px;
}

#controls {
	width: 221px;
	height: 81px;
	float: left;
	margin-left: 13px;
	margin-right: 2px;
}

#button-left {
	width: 70px;
	height: 9px;
	cursor: pointer;
	position: absolute;
	margin-top: 39px;
	margin-left: 21px;
}

#button-right {
	width: 70px;
	height: 9px;
	cursor: pointer;
	position: absolute;
	margin-top: 39px;
	margin-left: 130px;
}

img#image1_small,
img#image2_small,
img#image3_small,
img#image4_small {
	cursor: pointer;
	margin: 0 2px 0 0;
}


#counter {
	width: 33px;
	height: 12px;
	position: absolute;
	margin-top: 38px;
	margin-left: 94px;
	font: 10px/12px "Courier New", Courier, mono;
	color: white;
}

.type-instit {
	color: #8aadde !important;
}

.type-res {
	color: #bfb788 !important;
}

.type-comm {
	color: #d4b72e !important;
}


#site-selector,
#site-res,
#site-comm,
#site-instit {
	width: 665px;
	height: 437px;
	background-image: url(../images/content-main.jpg);
	margin-top: 12px;
	margin-left: 12px;
}

#site-selector-res {
	width: 266px;
	height: 218px;
	position: absolute;
	margin-top: 231px;
	margin-left: 12px;
	cursor: pointer;
	z-index: 1000;
}

#site-selector-comm {
	width: 266px;
	height: 218px;
	position: absolute;
	margin-top: 231px;
	margin-left: 411px;
	cursor: pointer;
	z-index: 1000;
}

#site-selector-instit {
	width: 399px;
	height: 219px;
	position: absolute;
	margin-top: 12px;
	margin-left: 12px;
	cursor: pointer;
	z-index: 1000;
}

#site-res {
	background-image: url(../images/content-residentiel.jpg);
	position: absolute;
	margin-top: -437px;
	display: none;
}

#site-comm {
	background-image: url(../images/content-commercial.jpg);
	position: absolute;
	margin-top: -437px;
	display: none;
}

#site-instit {
	background-image: url(../images/content-institutionnel.jpg);
	position: absolute;
	margin-top: -437px;
	display: none;
}