html, body {
 height:100%;
background-color: #F3C522;
}


ul{
list-style:none;
}

#site {
width:963px;
height:auto;
margin: 8px auto;

}

p {

	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:140%;
	
} 
a {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
	border:none;
}
a:hover {
	
	text-decoration:underline;
}

ul{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
.corps9{
	font-size:9px;
	padding-left:100px;
}

/************************************************ 
					HEADER
************************************************/

#header1 {
width:963px;
height:258px;
background-image:url(urbanitude.jpg);

}

#header1 #contact{
font-size:small;
font-family:Arial, Helvetica, sans-serif;
font-weight:300;
letter-spacing: 0.1em;
float:right;
margin-top:217px;
padding:15px 0 0 0;
width:114px;
height:0pt;
overflow:hidden;

color:#FFFFFF;
z-index:10; 
background:url(menu/contact.gif) no-repeat ;
}



#content {
width:963px;
height:400px;
background-color:#FFFFFF;

}

/************************************************ 
					MENU
************************************************/



 
#menu {

margin:10px 0 0 0;
padding:0;
width:144px;
height:auto;
float:left;
	

}

#menu li a{
float:left;
width:144px;
height:0pt;
overflow:hidden;
padding-top:26px;
	

}


#menu li#agence a{  background:url(menu/agence.gif) no-repeat ;  }
#menu li#agence a:hover{background:url(menu/agence_on2.gif) no-repeat ; }

#menu li#conseil a{background:url(menu/conseil.gif) no-repeat ; }
#menu li#conseil a:hover{background:url(menu/conseil_on2.gif) no-repeat ; }

#menu li#multimedia a{background:url(menu/multi.gif) no-repeat ; }
#menu li#multimedia a:hover{background:url(menu/multi_on2.gif) no-repeat ; }

#menu li#identite a{background:url(menu/identite.gif) no-repeat ; }
#menu li#identite a:hover{background:url(menu/identite_on2.gif) no-repeat ; }

#menu li#edition a{background:url(menu/edition.gif) no-repeat ; }
#menu li#edition a:hover{background:url(menu/edition_on2.gif) no-repeat ; }

#menu li#evenementiel a{background:url(menu/event.gif) no-repeat ; }
#menu li#evenementiel a:hover{background:url(menu/event_on2.gif) no-repeat ; }

#menu li#packaging a{background:url(menu/pack.gif) no-repeat ; }
#menu li#packaging a:hover{background:url(menu/pack_on2.gif) no-repeat ; }

#menu li#formation a{margin-top:104px;background:url(menu/formation.gif) no-repeat ; }
#menu li#formation a:hover{background:url(menu/formation_on2.gif) no-repeat ; }

#menu li#references a{background:url(menu/references.gif) no-repeat ; }
#menu li#references a:hover{background:url(menu/references_on2.gif) no-repeat ; }


#menu li#environnement a{background:url(menu/environnement.gif) no-repeat ; } 
#menu li#environnement a:hover{background:url(menu/environnement_on2.gif) no-repeat ; } 


/************************************************ 
					PAGE
************************************************/

#content img {
float:left;
margin:0 0 0 6px;
padding:0;
	

}

#content p.col1{
float:left;
width:257px;
height:400px;
margin:17px 0 0 12px;
padding:0;	

}

#content .col1a p,ul {
float:left;
width:121px;
height:400px;
margin:17px 0 0 12px;
padding:0;	
}

#content ul.col1a a:hover{
background-color: #F3C522;
text-decoration:none;
}

#content .col1a li{
margin:5px 0 0 0 ;

}

#content br.saut{

margin:0 0 12px 0px;
padding:0;
	

}

#content p.col2{
float:left;
width:257px;
height:400px;
margin:17px 0 0 12px;
padding:0;
	

}
#content p.col2a{
float:left;
width:125px;
height:400px;
margin:17px 0 0 12px;
padding:0;

	

}
#content .col3{
float:left;
width:520px;
height:400px;
margin:17px 0 0 12px;
padding:0;	

}
#content .col3 img{
border:none;
margin:5px;
}

#content .col4{
float:left;
width:520px;
height:100%;
margin:0;
padding:0;	

}


/************************************************ 
					FOOTER
************************************************/
#footer {
width:963px;
height:16px;
background-color:#000000;
}