@charset "utf-8";
* {
	margin:0; 
	padding:0;
}
img {
	border:none; 
	vertical-align:bottom;
}
a {
	text-decoration:none; 
	color:#FFF;
}
a:hover {
	color:#000;
}
.strong{
	font-weight: bold;
}

html, body {
	width:100%; 
	height:100%; 
	overflow:hidden;
}

body {
	background-color:#FFF; 
	font-family:Arial, Helvetica, sans-serif; 
	color:#FFF; 
	font-style:italic;
}
body#index, body#home {
	background-color:#4C7E9B;
}

#background{
	position:absolute; 
	z-index:0; 
	width:100%;
}

#scroller {
	position:absolute; 
	width:100%; 
	height:100%; 
	top:0; 
	left:0; 
	overflow:auto; 
	z-index:1;
} 

#content {
	width:1200px;
}
#content_projet {
	position:relative; 
	top:277px; 
	background-color:#4C7E9B; 
	height:540px;
}
#content_projet span {
	position:relative; 
	width:10px;
}
#content_projet #credit {
	position:absolute; 
	bottom:5px; 
	z-index:5;
}
#content_projet #image {
	position:absolute;  
	z-index:4;
}


.metier {
	float:left; 
	position:relative; 
	top:354px; 
	left:0;
	width:300px;
}
.metier span {
	display:none;
}
.metier h1 {
	padding:6px 0 0 24px; 
	background:url(../img/dossier.png) top left no-repeat #4C7E9B; 
	font-size:14px; 
	text-transform:uppercase; 
	height:18px;
}
.metier h1:hover{
	cursor: default;
}

.projet {
	background-color:#4C7E9B; 
	padding:0 0 10px 0; 
	line-height:14px; /*line-height juste pour IE*/
} 
.projet li{
	padding:0 0 0 25px; 
	font-size:11px; 
	list-style:none; 
}
.projet li:hover, .projet a:focus {
	color:#000;
}

#bulle {
	position:absolute; 
	top:25px; 
	left:0; 
	z-index:2;
}
#bulle em {
	background-color:#4C7E9B; 
	font-size:10px; 
	font-weight:bold; 
	text-transform:uppercase; 
	padding:3px 0 3px 18px; 
	vertical-align:middle; 
	height:17px;
}
#bulle img{
	vertical-align:middle;
}

#psd {
	position:absolute; 
	top:295px; 
	left:0; 
	z-index:2;
}

#projet{position:absolute; top:0; left:0; z-index:2; width:1500px;}
#projet_navig, #projet_titre{}
#projet_navig p{width:530px;}
#projet_navig span{float:left;}
#projet_navig span#right{float:right;}
#projet_navig .clear{
	clear: both;
}


#projet_titre {background:#4C7E9B; width:340px; float:left;}
#projet_titre img#hideprojet_img{float:right; cursor:pointer;}
#projet_titre h1 {padding:6px 0 0 30px; background:url(../img/dossier_ouvert.png) top left no-repeat; font-size:14px; text-transform:uppercase; height:18px;}
#projet_titre h2 {padding:3px 0 3px 30px; font-size:21px; line-height:20px;}
#projet_titre p {font-size:10px; line-height:11px; text-transform:uppercase; padding:0 0 0px 30px;}
#projet_titre p#titrep em{color:#B0D7EF;}

#plan {
	float: left;
}
#plan a {
	display:block; 
	font-size:1.2em; 
	font-weight:bold; 
	vertical-align:bottom; 
	background:#4C7E9B; 
}
#plan a span {
	display:block; 
	height:20px; 
	width:50px; 
	margin-top: -30px;
	padding-left:20px; 
	margin-left: 30px;
	padding-right: 20px;
	padding-bottom:13px;
	line-height:14px;
}

#article_lien {
	display:none; 
/*	background-color:#FFF;*/
}
#article_lien a {
	display:block; 
	font-size:1.2em; 
	font-weight:bold; 
	vertical-align:bottom; 
	background:#4C7E9B; 
	margin-left:150px;
}
#plan a img, #article_lien a img {display:block; margin-left:5px}
#article_lien a span {
	display:block; 
	height:20px; 
	width:50px; 
	margin-top:-30px; 
	margin-left:50px; 
	padding-bottom:13px; 
	line-height:14px;
}

#projet_desc {height:165px; width:330px; background:#4C7E9B; float:left; margin-top:28px;}
#projet_desc #hidedesc{text-align:right;}
#projet_desc #hidedesc img{ cursor:pointer;}
#projet_desc #descp{font-size:12px; padding:0 10px 0 10px; height:137px; overflow:auto;}
#projet_desc #descp p {
	margin-bottom: 1em;
}
#projet_desc strong{font-weight:bold; font-size:1.5em; line-height:30px; color:#B0D7EF;}
#projet_desc sup{font-weight:bold; color:#B0D7EF;}
#projet_desc #descp a em{color:#B0D7EF;}
#projet_desc #descp a:hover em{color:#000;}
#showdesc{display:none;}

#projet_desc.agence_desc{
	width: 600px;
}



#projet_mini {position:relative; top:28px; float:left; height:165px;}
#projet_mini table{position:absolute; bottom:0; border-collapse:collapse;}
#projet_mini table#thumbs td {background-color:#FFF;}
#projet_mini table#thumbs img:hover {width:51px; height:51px; padding:2px;}
#projet_mini table#thumbs img {cursor:pointer;}
#projet_mini table a { position:relative;}
#projet_mini table a span { position:absolute; bottom:0; right:0; display:none;}
#projet_mini table#thumbs a span img:hover{height:20px; width:20px;}

#agence {position:absolute; top:255px; left:300px; height:40px; background-color:#4C7E9B; z-index:3;}
#agence img{float:left;}
#agence h1{ padding:7px 50px 0 25px; width:225px; text-transform:uppercase; font-weight:bold; font-size:14px; line-height:14px;}
#agence:hover{cursor:pointer;}
#agence a:hover{color:#FFF;}


#base{position:absolute; top:210px; left:0; z-index:1; font-size:14px;}
#base p{line-height:16px;}
#base span{background-color:#4C7E9B; padding:0 10px 0 18px; text-transform:uppercase;}
/*#base IMG{vertical-align:top;}*/

#lang{margin-top:17px;}

/*
#fond {z-index:0;}
#fond img {width:100%;}
*/

/*
#conteneur {border-collapse:collapse; font-style:italic;}
#conteneur TR{ }
#conteneur TH{ padding:0 0 0 24px; text-align:left; background:url(../img/dossier.png) top left no-repeat #4C7E9B; font-size:14px; text-transform:uppercase; height:26px;}
#conteneur TD{font-size:11px; vertical-align:top;}
#conteneur A{white-space:nowrap; text-decoration:none; color:#FFF;}
*/

/******.metier a, .projet a {text-decoration:none; color:#FFF; font-style:italic;}
.metier { }
*****/

#mentions {
	position:absolute; 
	bottom:18px; 
	left:18px; 
	z-index:100;
	font-size: .5em;
	font-weight: normal;
	text-transform: uppercase;
	color: #333;
}
#mentions a {
	color: #333;
}
#mentions a:hover {
	color: #777;
}
#mentions p {
	margin-top: 1em;
}
.mention {
	background-color:#4C7E9B; 
	padding:10px 10px 10px 18px; 
	font-size: .75em;
}
.mention p{
	margin-bottom: .5em;
}
/*#waixing {position:absolute; bottom:18px; left:18px; z-index:100;}*/



	#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/progress.gif) no-repeat center center;}
	
	#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
		#supersized img{ width:auto; height:auto; position:relative; outline:none; border:none; }
		
		#supersized a { z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; display:block; }
			#supersized a.image-loading { background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%; }