/* CSS Document */

#container {
position: relative;
width: 779px;
margin-right: auto;
margin-left: auto;
height:100%;
height:701px;
	    
}

#left-top {
	position:absolute;
	left:0px;
	top:0px;
	width:14px;
	height:166px;
}

#right-top {
	position:absolute;
	left:764px;
	top:0px;
	width:15px;
	height:166px;
}

#left-body {
	position:absolute;
	left:0px;
	top:166px;
	width:14px;
	
}

#right-body {
	position:absolute;
	left:764px;
	top:166px;
	width:15px;
	
}

#logo {
	position:absolute;
	left:14px;
	top:0px;
	width:263px;
	height:166px;
}

#menu-top {
	position:absolute;
	left:277px;
	top:0px;
	width:487px;
	height:71px;
}

#flash {
	position:absolute;
	left:277px;
	top:71px;
	width:487px;
	height:95px;
}


#left-menu {
	background-color:#D9D9D9;
	position:absolute;
	left:14px;
	top:166px;
	width:263px;
	height:72%
	
}

#center-body {
	background-color:#DFDFDF;
	position:absolute;
	left:278px;
	top:166px;
	width:487px;
	height:72%;
	padding-top:5px;

	
}

#footer {
	position:absolute;
	left:0px;
	top:661px;
	width:779px;
	height:40px;
}

/*---------------
member
-----------------*/

div.member {
	position:absolute;
	left:11px;
	top:110px;
	width:234px;
	height:38px;
}

#top-member {
	position:absolute;
	left:0px;
	top:0px;
	width:255px;
	height:18px;
}

#login {
    position:absolute;
	left:0px;
	top:18px;
	width:97px;
	height:23px;
	background-image:url(../../medias/images/login.gif)
	
}

#password {
	position:absolute;
	left:97px;
	top:18px;
	width:91px;
	height:23px;
	background-color:#EAEAEA
}

#b-login {
	position:absolute;
	left:188px;
	top:18px;
	width:67px;
	height:23px;
}

#bottom-member {
	position:absolute;
	left:0px;
	top:41px;
	width:255px;
	height:31px;
	background-image:url(../../medias/images/bottom-member.gif)
}


/*--------------------
Projets
----------------------*/
#projets {
	position:absolute;
	left:0px;
	top:0px;
	width:263px;
	height:96px;
}

#top-projects {
	position:absolute;
	left:0px;
	top:0px;
	width:263px;
	height:18px;
}

#documents {
	position:absolute;
	left:0px;
	top:18px;
	width:263px;
	height:25px;
}

#database {
	position:absolute;
	left:0px;
	top:43px;
	width:263px;
	height:26px;
}

#bottom-projets {
	position:absolute;
	left:0px;
	top:69px;
	width:263px;
	height:27px;
}

/*--------------------
do-you-know 
----------------------*/

#do-you-know {
	position:absolute;
	left:0px;
	top:190px;
	width:263px;
	height:124px;
}

#top-know {
	position:absolute;
	left:0px;
	top:0px;
	width:263px;
	height:20px;
}

#bottom-know{
	position:absolute;
	left:-2px;
	top:-35px;
	width:233px;
	height:102px;
	padding:10px 10px 5px 10px,
}


/*--------------------
ecsc
----------------------*/

div.ecsc {
	position:absolute;
	left:5px;
	top:333px;
	width:255px;
	height:105px;
}

div.top-ecsc {
	position:absolute;
	left:1px;
	top:0px;
	width:255px;
	height:18px;
}

#txt-ecsc {
	position:absolute;
	left:0px;
	top:18px;
	width:255px;
	height:55px;
	background-image:url(../../medias/images/body-ecsc.gif);

}

.txt {
     font-family:Verdana, Arial, Helvetica, sans-serif;
	 color: #393939;
	 float: left;
	 margin-left: 5px;
	 margin-right: 5px;
	 margin-top: 0.5em;
	 font-size:11px;
}



div.bottom-ecsc {
	position:absolute;
	left:0px;
	top:71px;
	width:255px;
	height:32px;
}

/*--------------------
events
----------------------*/

#events {
	position:absolute;
	left:0px;
	top:0px;
	width:487px;
	height:495px;
}

#top-events {
	position:absolute;
	left:0px;
	top:0px;
	width:487px;
	height:19px;
}

#body-events {
	position:absolute;
	left:0px;
	top:19px;
	width:487px;
	height:476px;
	background:#DFDFDF
}


/*--------------------
events-header
----------------------*/

div.events-header{
	position:absolute;
	left:309px;
	top:3px;
	width:170px;
	height:105px;
}

#top-events-header{
	position:absolute;
	left:0px;
	top:0px;
	width:170px;
	height:17px;
}

#txt-events-header{
	position:absolute;
	left:0px;
	top:17px;
	width:170px;
	height:73px;
	background-image:url(../../medias/images/body-ecsc.gif);

}

#bottom-events-header {
	position:absolute;
	left:1px;
	top:88px;
	width:170px;
	height:32px;
}




div.content {
	position:absolute;
	left:5px;
	top:271px;
	width:482px;
	height:218px;
}

#top {
	position:absolute;
	left:0px;
	top:0px;
	width:482px;
	height:18px;
}

#midlle {
    background-image:url(../../medias/images/text-midlle.gif);
	position:absolute;
	left:0px;
	top:18px;
	width:482px;
	height:178px;
	
}

#bottom {
	position:absolute;
	left:0px;
	top:191px;
	width:482px;
	height:10px;
}

#news {
	position:absolute;
	border-top: 1px solid #C1C1C1;
	border-bottom: 1px solid #C1C1C1;
	border-left: 1px solid #C1C1C1;
	border-right: 1px solid #C1C1C1;
	height: 258px;
	width: 298px;
	background-color:#FFFFFF;
	top: 3px;
	left: 6px;
}

.txt-body {
     font-family:Verdana, Arial, Helvetica, sans-serif;
	 color: #393939;
	font-size:11px;
}




a#menu_01{
	display:inline; 
	float:left; 
	width:72px; 
	height:71px; 
	background-image: url(/medias/images/menu-nav/summary.gif); 
	background-repeat:no-repeat;
}
a:hover#menu_01{
	background:url("/medias/images/menu-nav/summary.gif") 0px -71px  no-repeat;
	}

a#menu_02{
	display:inline; 
	float:left; 
	width:69px; 
	height:71px; 
	background-image: url(/medias/images/menu-nav/overview.gif); 
	background-repeat:no-repeat;
}
a:hover#menu_02{
	background:url("/medias/images/menu-nav/overview.gif") 0px -71px  no-repeat;
}

a#menu_03{
	display:inline; 
	float:left; 
	width:70px; 
	height:71px; 
	background-image: url(/medias/images/menu-nav/info.gif); 
	background-repeat:no-repeat;
	}
a:hover#menu_03{
	background:url("/medias/images/menu-nav/info.gif") 0px -71px  no-repeat;
}

a#menu_04{
	display:inline; 
    float:left; 
    width:87px; 
    height:71px; 
    background-image: url(/medias/images/menu-nav/conclusions.gif);
    background-repeat:no-repeat;
}
a:hover#menu_04{
	background:url("/medias/images/menu-nav/conclusions.gif") 0px -71px  no-repeat;
}

a#menu_05{
	display:inline;
	float:left; 
	width:88px; 
	height:71px; 
	background-image: url(/medias/images/menu-nav/partnership.gif); 
	background-repeat:no-repeat;}
a:hover#menu_05{
	background:url("/medias/images/menu-nav/partnership.gif") 0px -71px  no-repeat;
}

a#menu_06{
	display:inline;
	float:left; 
	width:66px; 
	height:71px; 
	background-image: url(/medias/images/menu-nav/contact.gif); 
	background-repeat:no-repeat;}
a:hover#menu_06{
	background:url("/medias/images/menu-nav/contact.gif") 0px -71px  no-repeat;
}





.active {
	background-position: 0px -71px;
}