/* 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 {
position:relative;
display:block;
height:34px;
list-style-type:none;
float:right;
}

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

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


#header li.item2 a{
background:url(../images/actu-assos.jpg) no-repeat 0 0;
width:212px;
}

#header li.item2 a:hover{
background:url(../images/actu-assos.jpg) no-repeat 0 -34px;
width:212px;
}

#header li.item3 a{
background:url(../images/annuaire-anciens.jpg) no-repeat 0 0;
width:177px;
}

#header li.item3 a:hover{
background:url(../images/annuaire-anciens.jpg) no-repeat 0 -34px;
width:177px;
}

#header li.item4 a{
background:url(../images/emploi-temps.jpg) no-repeat 0 0;
width:143px;
}

#header li.item4 a:hover {
background:url(../images/emploi-temps.jpg) no-repeat 0 -34px;
width:143px;
}

#header li.item5 a{
background:url(../images/reglement-etudes.jpg) no-repeat 0 0;
width:176px;
}

#header li.item5 a:hover{
background:url(../images/reglement-etudes.jpg) no-repeat 0 -34px;
width:176px;
}

#header li.item6 a{
background:url(../images/offres-emplois-stages.jpg) no-repeat 0 0;
width:172px;
}

#header li.item6 a:hover {
background:url(../images/offres-emplois-stages.jpg) no-repeat 0 -34px;
width:172px;
}

#header li.item7 a {
background:url(../images/cv-theque.jpg) no-repeat 0 0;
width:120px;
}

#header li.item7 a:hover{
background:url(../images/cv-theque.jpg) no-repeat 0 -34px;
width:120px;
}
#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;
}

li.item9{

list-style-type:none;

}
li.item9 a{
width:174px;
background:url(../images/francais-anglais.jpg);
height:48px;
text-indent:-5000px;

display:block;
}
li.item10{

list-style-type:none;

}
li.item10 a{
width:174px;
background:url(../images/anglais-francais.jpg);
height:48px;
text-indent:-5000px;

display:block;
}

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

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



/* 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#retour-site{
background:url(../images/retour-site.gif) no-repeat 0 0;
}

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

#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:none;
min-height:500px;
}

/* 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;
}
#contenu form{
margin-left:10px;
margin-top:10px;
display:block;
padding:10px 20px 10px 10px;
color:#005397;
background:#b6e1f2 url(../images/coin_blanc.png) no-repeat top right;
}
#contenu {
width:500px;

min-height:500px;
}
form#plan{
background:none;
}