/* CSS Document */

* {
margin: 0;
padding: 0;
}



.spacer{

display:block;
clear:both;
border: none;
font-size:1px;
height:0;
line-height:0;
}



body {
padding:0;
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#005397;
}


#general {
width:1000px;
margin:0 auto;
}


/* Header */

#header h1 a{
float:left;
display:block;
width:222px;
height:109px;
text-indent:-5000px;
background:url(../images/logo-espi.gif) no-repeat;
}

#header h2{
margin-top:43px;
float:left;
display:block;
width:610px;
height:67px;
text-indent:-5000px;
background:url(../images/grande-ecole-immobilier.jpg) no-repeat;
}

#header ul#menu {
list-style:none;
margin-top:43px;
float:left;
display:block;
width:167px;
height:67px;
background:url(../images/fond_menu.jpg) no-repeat top left;
}

#header ul#menu li {
display:inline;
padding: 0 5px;
}

#header ul#menu li a {
text-decoration:none;
color:#005397;
font-size:10px;
}

#header ul#menu li a:hover{
text-decoration:none;
color:#7fcdea;
}

#header dl {
position:relative;
display:block;
height:34px;
background:url(../images/reste-menu.jpg) no-repeat top right;
}

#header dt{
display:inline;
height:34px;
float:left;
}

#header dt a{
display:block;
text-decoration:none;
text-indent:-5000px;
float:left;
height:34px;
}


#header dt a#presentation{
background:url(../images/presentation.jpg) no-repeat 0 0;
width:116px;
}

#header dt a:hover#presentation{
background:url(../images/presentation.jpg) no-repeat 0 -34px;
width:116px;
}

#header dt a#studies {
background:url(../images/studies.jpg) no-repeat 0 0;
width:62px;
}

#header dt a:hover#studies{
background:url(../images/studies.jpg) no-repeat 0 -34px;
width:62px;
}

#header dt a#teaching {
background:url(../images/teaching-staff.jpg) no-repeat 0 0;
width:108px;
}

#header dt a:hover#teaching {
background:url(../images/teaching-staff.jpg) no-repeat 0 -34px;
width:108px;
}

#header dt a#job {
background:url(../images/job-opportunities.jpg) no-repeat 0 0;
width:128px;
}

#header dt a:hover#job{
background:url(../images/job-opportunities.jpg) no-repeat 0 -34px;
width:128px;
}

#header dt a#contact {
background:url(../images/contact.jpg) no-repeat 0 0;
width:75px;
}

#header dt a:hover#contact {
background:url(../images/contact.jpg) no-repeat 0 -34px;
width:75px;
}



/* Colonne gauche */

#colonne_gauche {
float:left;
}

#ecole {
display:block;
width:288px;
height:375px;
background:url(../images/ecole.jpg) no-repeat top left;
}

#colonne_gauche ul{
list-style:none;
}

#colonne_gauche dl a{
display:block;
text-indent:-5000px;
height:21px;
width:205px;
margin-left:25px;
}

#colonne_gauche a#demande-doc{
background:url(../images/demande-doc.gif) no-repeat 0 0;
}

#colonne_gauche a:hover#demande-doc{
background:url(../images/demande-doc.gif) no-repeat 0 -21px;
}

#colonne_gauche a#contacts{
background:url(../images/contacts.gif) no-repeat 0 0;
}

#colonne_gauche a:hover#contacts{
background:url(../images/contacts.gif) no-repeat 0 -21px;
}

#colonne_gauche a#plan-acces{
background:url(../images/plan-acces.gif) no-repeat 0 0;
}

#colonne_gauche a:hover#plan-acces{
background:url(../images/plan-acces.gif) no-repeat 0 -21px;
}

#colonne_gauche a#vie-pratique{
background:url(../images/vie-pratique.gif) no-repeat 0 0;
}

#colonne_gauche a:hover#vie-pratique{
background:url(../images/vie-pratique.gif) no-repeat 0 -21px;
}

#colonne_gauche a#espi-paris{
margin-left:0;
width:245px;
height:74px;
background:url(../images/espi-paris.jpg) no-repeat 0 0;
}

#colonne_gauche a:hover#espi-paris{
background:url(../images/espi-paris.jpg) no-repeat 0 -74px;
}

#colonne_gauche a#espi-nantes{
margin-left:0;
width:245px;
height:74px;
background:url(../images/espi-ouest-atlantique.jpg) no-repeat 0 0;
}

#colonne_gauche a:hover#espi-nantes{
background:url(../images/espi-ouest-atlantique.jpg) no-repeat 0 -74px;
}


#colonne_gauche dl{
position:relative;
} 

#colonne_gauche dd{
position:absolute;
z-index:100;
left: 230px;
background:#f8ceb6;
padding:0;
margin:0;
visibility:hidden;
width:200px;
display:block;
height:auto;
}

#colonne_gauche dd ul{
list-style:none;
}

#colonne_gauche dd li {
	font-size:11px;
	display:block;
	width:auto;
	margin:0;
	height:20px;
	background:red;
	line-height:0;
	padding:0;
}

#colonne_gauche dd#smenu11 li a{
	padding:0 0 0 5px;
	color:#845941;
	display:block;
	width:auto;
	margin:0;
	height:auto;
	text-decoration:none;
	background:#f8ceb6;
	line-height:20px;
	border-top:1px solid #FFF;
	text-indent:0;
}

#colonne_gauche dd#smenu11 li a:hover{
	color:#FFF;
}


#colonne_gauche dd.smenu11{	top: 62px;}


/* Centre */

#centre {
float:left;
}

/* Footer */

#footer {
background:url(../images/ombre_pied.jpg) no-repeat top right;
padding-top:9px;
text-align:right;
font-size:11px;
color:#40b9e1;
}

#footer a{
text-decoration:none;
color:#40b9e1;
}