@charset "utf-8";
/* CSS Document */

textarea
{
  resize:none;
}



A{
	color:#222222;
	font-size:12px;
	letter-spacing:1px;
}
A:hover, A.actif{
	color:#00AACC;
	font-size:12px;
	text-decoration:none;
}


.fix, IMG{
	behavior:url(iepngfix.htc);
}

/** body **/
body
{
	margin:0;
	padding:0;
}

#page
{

}

#page-inner
{

}


/** main (container for everything else) **/
#main
{
	width:100%;
}

#main-inner
{
	position:relative;
	width:980px;
	min-height:550px;
	height:auto !important;
	height:550px;
	margin:0px auto;
	border:1px solid #FFFFFF;
}

/** compétences **/
.competencePicto {
	float:left;
	margin: 0px 5px 0px 5px;
}
.competenceTxt {
	float:left;
	font-size:12px;

}
.competenceTxtExterne {
	float:left;
	font-size:12px;
	color:#c5c5c5;
}


/** content **/
#content
{
	position:absolute;
	top:172px;
	left:680px;
}
#content-area
{
	border:0px;
	width:270px;
	min-height:110px;
	height:auto !important;
	height:110px;
	margin: 0px 0px 10px 30px;
	font-size:11px;
	font-weight:normal;
	color:#666666;
}
	#content H1{
		font-size:12px;
		font-weight:bold;
		color:#222222;
		letter-spacing:1px;
	}
	#content A{
		font-size:12px;
		color:#00AACC;
	}
	#content A:hover{
		font-size:12px;
		color:#00AACC;
		text-decoration:underline;
	}
	#content P{
		font-size:12px;
		font-weight:normal;
		color:#666666;
	}

	#content-inner
	{
		font-size:12px;
		font-weight:normal;
		color:#666666;
		padding-left:10px;
		padding-top:10px;

	}

	#content ul {
		list-style: none;
		line-height: 1em;
		padding: 0;
		border-top:1px solid #e7e7e7;
		font-size:0.85em;
	}

	#content li {
		border-bottom:1px solid #e7e7e7;
		padding-left:0px;
		padding-top:3px;
		padding-bottom:3px;
		line-height: 1.25em;
		font-size:12px;
		font-weight:normal;
		color:#666666;
		text-align:justify;
	}


#projetFullSize{
	position:absolute;
	top:108px;
	left:15px;
	width:655px;
	height:450px;
	background-color:#FFFFFF;
	display:none;
	z-index:1000;
	text-align:right;
}

/** nav Projet ***/
#navProjet
{
	position:absolute;
	top:335px;
	*top:345px;
	left:31px;
	width:270px;

}
	#navProjet-inner {
		padding-left:10px;
	}
	#navProjet ul {
		list-style: none;
		padding: 0;
		border-bottom:1px solid #e7e7e7;
		width:190px;
	}
	#navProjet li {
		font-size:15px;
		font-weight:normal;
		line-height:18px;
		height:18px;
		border-top:1px solid #e7e7e7;
	}
	#navProjet A{
		color:#666666;
		font-size:12px;
		letter-spacing:1px;
	}
	#navProjet A:hover{
		color:#00AACC;
		font-size:12px;
		letter-spacing:1px;
	}
	#navProjet A.actif{
		color:#00AACC;
		font-size:12px;
		letter-spacing:1px;
		font-weight:bold;
	}

	#navProjet A.actifReal{
		color:#00AACC;
		font-size:12px;
		letter-spacing:1px;
	}
	#navProjet A.actifReal:hover{
		color:#00AACC;
		font-size:12px;
		text-decoration:none;
	}

/** navProjetAction**/
#navProjetAction{
	position:absolute;
	position:absolute;
	top:360px;
	left:680px;
	margin-left:15px;
	display:none;
}
	#navProjetAction .next{
		float:left;
		margin-left:16px;
	}
	#navProjetAction .previous{
		margin-left:24px;
		float:left;
		width:16px;
		text-align:right;
	}

	#navProjetAction .retour{
		float:left;
		margin-left:24px;
	}

	#navProjetAction .retourPicto{
		float:left;
		margin-top:36px;
		width:19px;
	}
	#navProjetAction .retourText{
		float:left;
		margin-top:36px;
	}

	#navProjetAction .retourContact{
		float:left;
		margin-left:24px;
	}

	#navProjetAction .retourContactPicto{
		float:left;
		margin-top:16px;
		width:19px;
	}
	#navProjetAction .retourContactText{
		float:left;
		margin-top:16px;
	}

/** NAV ***/
#nav{
	position:relative;
	margin:100px 0px 0px 0px;
}

#nav-inner{
	position:relative;
	height:400px;
	padding:0px 0px 0px 280px;
	border:1px solid #FFFFFF;
}

#nav-top{
	position:relative;
	border:0px;
	margin:0px;
	margin-top:30px;
	height:500px;

}

#contentRond{
	position:absolute;
}
#BordRond{
	position:absolute;
}

#navProjetZoom{
	position:absolute;
	top:297px;
	left:170px;
}
#navProjetNext{
	position:absolute;
	top:172px;
	left:297px;
	z-index:40;
}
#navProjetPrevious{
	position:absolute;
	top:172px;
	left:45px;
	z-index:30;
}



#nav-link{
	position:absolute;
	height:290px;
	top:0px;
	left:17px;
	z-index:10;
}
	#nav-0{
		position:absolute;
		top:5px;
		left:170px;
		width:454px;

	}
	#nav-1{
		position:absolute;
		top:77px;
		left:0px;
		z-index:20;
		width:454px;
	}
	#nav-2{
		position:absolute;
		top:114px;
		left:0px;
		z-index:20;
		width:454px;
	}
	#nav-3{
		position:absolute;
		top:150px;
		left:0px;
		z-index:20;
		width:454px;
	}
	#nav-3-1{
		position:absolute;
		left:0px;
		top:170px;
		left:0px;
		z-index:20;
		width:454px;
	}
	#nav-4{
		position:absolute;
		top:201px;
		left:0px;
		z-index:20;
		width:453px;
	}
	#nav-link .lineActive{
		width:250px;
	}

	#nav-4.pageProjet{
		position:absolute;
		top:202px;
		left:-317px;
		width:150px;
		z-index:20;
	}

	#nav-link .image-line-1{
		float:right;
		font-size:12px;
		height:19px;
		text-align:left;
	}
	#nav-link .image-line-2{
		float:right;
		font-size:12px;
		height:19px;
		text-align:left;
	}
	#nav-link .image-line-3{
		float:right;
		font-size:12px;
		height:19px;
		text-align:left;
	}
	#nav-link .image-line-4{
		float:right;
		font-size:12px;
		height:19px;
		text-align:left;
	}

	#nav-link .image-projet{
		float:left;
		font-size:12px;
		width:424px;
		height:19px;
		text-align:right;
		z-index:20;
	}
	#nav-link .image-picto{
		float:left;
		font-size:12px;
		width:22px;
		height:19px;
		text-align:left;
	}
	#nav-link .image-picto-seul{
		float:left;
		padding-left:231px;
		font-size:12px;
		width:10px;
		height:19px;
		text-align:right;
	}
	#nav-link .text{
		margin-right:10px;
		float:left;
	}
	#nav-link .fleche{
		float:right;
	}
	#nav-link .projet{
		width:62px;
		text-align:right;
		padding-right:10px;
	}



/** footer **/
#footer
{
	position:absolute;
	top:570px;
	left:427px;
	color:#00AACC;
	font-size:13px;
}
	#footer-inner
	{
	}


	#footer .contactFleche{
		float:left;
		width:16px;
	}
	#footer .contactText{
		float:left;
	}

	#footer A{
		color:#666666;
		font-size:12px;
		letter-spacing:1px;
	}
	#footer A:hover{
		color:#00AACC;
		font-size:12px;
		letter-spacing:1px;
	}





.valign{
	vertical-align: middle;
	display: inline-block;
	line-height:1em;
}


div.preload {
	position:absolute;
	top:-9999;
	left:-9999;
	height:1px;
	width:1px;
	overflow:hidden;
}

/*** END ***/