/* CSS Document */

/**************************************  PAGES GENERALES  ************************************/
BODY{
	width: 1024px;
	height:804px;
	margin: 0px;
}
#petitebande {
	position:relative;
	clear:both;
	float:right;
}
#colonnegrise {
	position:relative;
	float:left;
	left:20px;
	width:220px;
	height:804px;
	background-color: #999999;
	font-size: 14px;
}
#retour {
	clear: right;
	position:relative;
	float: right;
	top:134px;
	cursor:pointer;
}
#retourlnk{
	position:relative;
	float: right;
	top:134px;
	cursor:pointer;
	height:38px;
	padding-top:12px;
}
#retourlnk .lnkAccueil, #retourPgAglnk .lnkAccueil, #retourPgConnectlnk .lnkAccueil	{
	color:#000000;
	font-size: 9px;
}
#retourlnk .lnkAccueil:hover, #retourPgAglnk .lnkAccueil:hover, #retourPgConnectlnk .lnkAccueil:hover{color:#000000;}
#retourlnk .lnkAccueil:visited, #retourPgAglnk .lnkAccueil:visited, #retourPgConnectlnk .lnkAccueil:visited{color:#000000;}
#retourPgAg{
	clear: right;
	position:relative;
	float: right;
	cursor:pointer;
	top:69px;
}
#retourPgAglnk{
	clear: right;
	position:relative;
	float: right;
	cursor:pointer;
	top:69px;
	right:5px;
}
#retourAgence {
	position:absolute;
	left:952px;
	top:645px;
	width:200px;
	height:50px;
	z-index:2;
	background-color: #FFFFFF;
	cursor:pointer;
}
#retourPgConnect{
	clear: right;
	position:relative;
	float: right;
	cursor:pointer;
	top:644px;
}
#retourPgConnectlnk{
	position:relative;
	float: right;
	cursor:pointer;
	top:644px;
	right:5px;
	padding-top:12px;
}
#presentation {
	position:relative;
	left:0px;
	top:0px;
	width:220px;
	height:30;
	z-index:5;
	background-color: #FFFFFF;
}
#presentationLink {
	position:relative;
	text-align:center;
	left:0px;
	top:0px;
	width:220px;
	height:30;
	z-index:5;
}
#bande {
	float: left;	
	position:relative;
	left:20px;
	width:784px;
	height:120px;
	background-color: #000000;
}
#projAnim {
	position:relative;
	float:left;
	left:20px;
	width:784px;
	height:120px;
	z-index:14;
	background-color: #000000;
}
.navigation {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	background-color: #999999;
	display: block;
	padding-left: 1px;
}
#credits .navigation{
	font-weight: normal;
}
.navigation:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #999999;
	display: block;
	padding-right: 1px;
}
.eqSelected{
	color: #FFFFFF;
}
.LnkToAgence{
	position:absolute;
	left:570px;
	top:220px;	
}
.test{
	text-decoration:none;
	border:0px;
}
#imgLnkToAgence:hover{
	cursor:pointer;
}
#animAgence{
	left:240px;
	top:0;
	position:relative;
}
#animProjAgence{
	position:relative;
	float:left;
	width:780px;
	top:20px;
	left:20px;
}
/*****************************************  AGENCE  ****************************************/
#agencelnk {
	position:relative;
	left:20px;
	top:0px;
	width:180px;
	height:30px;
	z-index:6;
}
/*****************************************  EQUIPE  ****************************************/
#equipe {
	position:relative;
	left:20px;
	top:0px;
	width:180px;
	height:30px;
	z-index:6;
}
#SB {
	position:relative;
	left:20px;
	top:0px;
	width:190px;
	height:30px;
	z-index:16;
}
#JYD {
	position:relative;
	left:20px;
	top:0px;
	width:190px;
	height:30px;
	z-index:17;
}
#CH {
	position:relative;
	left:20px;
	top:0px;
	width:190px;
	height:30px;
	z-index:18;
}
#CS {
	position:relative;
	left:20px;
	top:0px;
	width:190px;
	height:30px;
	z-index:19;
}
#MR {
	position:relative;
	left:20px;
	top:0px;
	width:190px;
	height:30px;
	z-index:20;
}
#description {
	position:relative;
	float:right;
	clear:right;
	width:330px;
	height:390px;
	z-index:17;
	overflow-y: auto;
}

#description p {
	margin-top:5px;
	margin-bottom:0px;
}
#description .TitleDesc{
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 12px;
	white-space: normal;
	padding-left: 5px;
	margin-top:10px;
	font-weight:bold;
	text-decoration:underline;
}
.Style4 {
	font-size: 11px;
	line-height: 11px;
	white-space: normal;
	width: auto;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	font-family: Arial, Helvetica, sans-serif;
}
.txtJustify{text-align: justify;}
#eqAnim {
	position:relative;
	float: right;
	width:784px;
	height:510px;
}
#cvsb {	
	position:absolute;
	left:240px;
	top:120px;
	width:783px;
	height:388;
	z-index:22;
}
#ArchiGer, #ArchiAss, #AncienColl, .LienEq{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#666666;
}
.LiensTitre{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	text-decoration:none;
	font-weight:bold;
}
#ArchiAss:hover, #ArchiGer:hover, #AncienColl:hover{
	cursor:pointer;
	color:#000000;
	font-weight:bold;
}
.LiensTitre:hover{
	cursor:pointer;
	color:#000000;
	font-weight:bold;
}
.LiensTitre a:visited{
	color:#666666;
	text-decoration:none;
}
#NomsArchiAss, #NomsArchiGer, #NomsAncienColl{
	margin:5px 0 5px 30px;
	line-height:15px;
	padding-left:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#NomsArchiAss li, #NomsArchiGer li, #NomsAncienColl li{
	list-style-type:none;
}
.lstColl{
	padding-left:15px;
	font-family:Arial, Helvetica, sans-serif;
}
.lstLiens{
	margin-top:8px;
	padding-left:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.TitrePgLien{
	font-size:13px;	
}
/******************************************  OU NOUS TROUVER  ****************************/
#ounoustrouver {
	position:relative;
	left:20px;
	top:0px;
	width:180px;
	height:30px;
	z-index:7;
}
#agence {	
	position:relative;
	float:left;
	left:80px;
	top:16px;
	width:540px;
	height:390px;
}
#link_trouver{
	position:absolute;
	left:900px;
	top:480px;
	color:#000000;
}
#link_trouver a:link, #link_trouver a:hover, #link_trouver a:visited {
	color:#000000;
	font-family: verdana;
	font-size:12px;
	text-decoration: none;
}
/******************************************  CONTACT  ***************************************/
#contact {
	position:relative;
	left:20px;
	top:0px;
	width:180px;
	height:30px;
	z-index:8;
}


/*******************************************  LIENS  *************************************/
#liens {
	position:relative;
	left:20px;
	top:0px;
	width:180px;
	height:30px;
	z-index:9;
}

/******************************************  CONTACT  ***************************************/
#contact {
	position:relative;
	left:20px;
	top:0px;
	width:180px;
	height:30px;
	z-index:8;
}
#tit_tbl{
	clear: right;
	position:relative;
	float: right;
	background-color:#000000;
	color:#ffffff;
	top:10px;
	height:20px;
	width:330px;
	font-family:verdana;
	font-size:11px;
	vertical-align:center;
}
#tit_tbl span{
	position:relative;
	top:3px;
	margin-left:10px;
	font-style:italic;
	font-weight:bold;
	text-decoration:underline;
}

#form_contact{
	clear: right;
	position:relative;
	float: right;
	top:15px;
	width:330px;
	background-color:#999999;
	font-family:verdana;
	font-size:10px;
}

#form_contact .tit_form_infos{
	font-weight:bold;
	font-style:italic;
	width:94px;
}

#form_contact .saisie {
	width:200px;
}

#txt_contact{
	clear: right;
	position:relative;
	float: right;
	top:60px;
	width:330px;
	height:310px;
	text-align:center;
	font-weight:bold;
	font-family:verdana;
}
#txt_contact .name_contact{
	font-size:12px;
	margin-bottom:0;
}
#txt_contact .name_prec{
	position:relative;
	left:15px;
	
}
#txt_contact .email_contact{
	font-size:11px;
	color:#bbbbbb;
	text-decoration:underline;
	margin-top:5px;
	margin-bottom:20px;
}
/*************************************  CREDITS  ****************************************/
#credits {
	position:absolute;
	text-align: left;
	left: 20px;
	top:790px;
	width:180px;
	height:10px;
	z-index:10;
	font-size: 9px;
	font-weight: normal;
}

.bold{font-weight: bold;}
.tall{font-size: 12px;}
.tall a{color: #000000;}


/*************************************  ESPACES CLIENTS  *************************************/
#clients {
	position:relative;
	left:20px;
	top:0px;
	width:180px;
	height:30px;
	z-index:10;
}






/****************************************  PROJETS  **************************************/

#projets {
	position:absolute;
	left:0px;
	top:510px;
	width:220px;
	height:120px;
	z-index:4;
	background-color: #FFFFFF;
}
#projetsAgence{
	position:absolute;
	left:0px;
	top:661px;
	width:220px;
	height:52px;
	z-index:4;
	background-color: #FFFFFF;
}
#projets_mp {
	position:absolute;
	left:0px;
	top:528px;
	width:220px;
	height:120px;
	z-index:4;
	background-color: #FFFFFF;
}

#projets:hover{
	cursor:pointer;
}
#back_projets:hover{
	cursor:pointer;
}

.p{
	font-family:Verdana, sans-sherif;
	font-size:6px;
	color:#000000;
	line-height:inherit;
	padding:0px;
	white-space: 1px;
	width: auto;
}

.gras {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	font-weight: bold;
	color: #993300;
}
.petitenavigation {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background-color: #999999;
	display: block;
	padding-left: 5px;
}

.petitenavigation:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background-color: #999999;
	display: block;
	padding-left: 5px;
}
.mnuproj_date{
	position:relative;
	float:left;
	clear:left;
	top:5px;
	width:36px;
}
.mnuproj_title{
	position:relative;
	float:left;
	margin-left:10px;
	margin-top:5px;
}
.proj_selected{
	color:white;
}
.proj_real{
	position:relative;
	float:left;
	margin-top:5px;
	margin-bottom:5px;
	font-variant: small-caps ;
	font-size:14px;
	text-decoration:underline;
}
.zone_projReal{
	position:relative;
	float:left;
	height: 350px;
	width: 215px;
	left: 5px;
	overflow-y: auto;
}
.zone_projConc{
	position:relative;
	float:left;
	height: 250px;
	width: 215px;
	left: 5px;
	overflow-y: auto;
}
.parag{
	position:relative;
	float:left;
	margin-top:2px;
	margin-bottom:10px;
}
.parag_title{
	position:relative;
	float:left;
	font-size:12px;
	font-variant: small-caps ;
	font-weight:bold;
}
.parag_txt{
	clear:left;
	position:relative;
	float:left;
	font-size:11px;
	
}
.Resum_title{
	position:relative;
	float:left;
	font-weight:bold;
	font-size:16px;
}
.Resum_txt{
	clear:left;
	position:relative;
	float:left;
	font-size:11px;
}
.Resum_prmpt{
	clear:left;
	position:relative;
	float:left;
	font-size:11px;
}

#MenuProjet{
	position:relative;
	width:220px;
	z-index:1;
	font-variant: small-caps ;
	font-family:verdana;
	font-weight:bold;
	font-size:13px;
}
#MenuProjet a{
	color:black;
	text-decoration:none;
}
#MenuProjet a:hover{
	color:white;
}
#itemBand{
	position:absolute;
	left:240px;
	top:30px;
	width:624px;
	height:63px;
	background-image:  url("images/bandeItems.PNG");
	background-repeat: repeat-x;
}
#itemTitle{
	position:absolute;
	left:864px;
	top:30px;
}
#desc_proj{
	position:absolute;
	top:150px;
	left:780px;
	width:235px;
	max-height:450px;
	font-family:verdana;
	y-scroll:auto;
}
#Resum{
	position:relative;
	float:left;
	top:40px;
	left:123px;
	width:580px;
	height:80px;
	font-family:verdana;
	font-variant: small-caps ;
}
#ResumAgence{
	position:absolute;
	top:645px;
	left:343px;
	width:580px;
	height:80px;
	font-family:verdana;
	font-variant: small-caps ;
}

#subMenuHead{
	position:relative;
	float: right;
	top:30px;
	right:4px;
}

#subMenuHead .menu_active{
	position:absolute;
	top:30px;
	left:240px;
	z-index:1;
}

#subMenuHead #miniMenu_1{
	position:absolute;
	top:93px;
	left:340px;
	z-index:2;
}
#subMenuHead #miniMenu_2{
	position:absolute;
	top:93px;
	left:440px;
	z-index:2;
}
#subMenuHead #miniMenu_3{
	position:absolute;
	top:93px;
	left:540px;
	z-index:2;
}
#subMenuHead #miniMenu_4{
	position:absolute;
	top:93px;
	left:640px;
	z-index:2;
}