/* 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;
}

#general_pt {
width:500px;
height:300px;
margin:0 auto;
background:#FFF url(../images/flou-invitation.jpg) no-repeat top right;
padding:20px;
}


/* Header */

#header{
	display:block;
	height:319px;
	width:1000px;
}

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

#header h1{
display:block;
width:770px;
height:18px;
font-size:12px;
font-style:italic;
letter-spacing:2px;
font-weight:normal;
padding-top:25px;
float:left;
}

#header h2{
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;
float:left;
display:block;
width:167px;
height:67px;
background:url(../images/fond_menu.jpg) no-repeat top left;
}

#header ul#menu li {
display:block;
float:left;
}

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

#header ul#menu li a#accueil {
margin-left:7px;
}

#header ul#menu li a#intranet {
margin-left:13px;
}

#header ul#menu li a#fr {
background:url(../images/drapeau_fr.gif) no-repeat top left;
display:block;
width:22px;
height:16px;
text-indent:-5000px;
float:left;
margin-left:8px;
}

#header ul#menu li a#en {
background:url(../images/drapeau_eng.gif) no-repeat top left;
display:block;
width:22px;
height:16px;
text-indent:-5000px;
float:left;
margin-left:5px;
}

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

#header dl {
position:relative;
display:block;
height:34px;
}

#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#etudes {
background:url(../images/etudes.jpg) no-repeat 0 0;
width:62px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#header dd{
position:absolute;
z-index:100;
top: 26px;
background:#00a2d7;
padding:0;
margin:0;
visibility:hidden;
width:200px;
display:block;
height:auto;
}

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

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

#header dd li a{
	padding:3px 0 3px 5px;
	color:#003a80;
	display:block;
	width:auto;
	margin:0;
	height:auto;
	text-decoration:none;
	background:#00a2d7;
	line-height:15px;
	border-top:1px solid #FFF;
}

#header dd li a:hover{
	color:#FFF;
}



#header dd.smenu1{	left: 7px;}
#header dd.smenu2{	left: 126px;}
#header dd.smenu3{	left: 188px;}
#header dd.smenu4{	left: 276px;}
#header dd.smenu5{	left: 366px;}
#header dd.smenu6{	left: 512px;}
#header dd.smenu7{	left: 625px;}
#header dd.smenu8{	left: 722px;}
#header dd.smenu9{	left: 848px;}
#header dd.smenu10{	left: 908px;}

/* Colonne gauche */

#colonne_gauche {
float:left;
width:275px;
display:block;
}

#ecole {
display:block;
width:275px;
height:345px;
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#videos{
height:15px;
background:url(../images/videos.gif) no-repeat 0 0;
}

#colonne_gauche a:hover#videos{
background:url(../images/videos.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 a:hover#espi-maroc{
background:url(../images/espi-maroc.jpg) no-repeat 0 -74px;
}

#colonne_gauche a#espi-maroc{
margin-left:0;
width:245px;
height:74px;
background:url(../images/espi-maroc.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-cote-ivoire{
margin-left:0;
width:245px;
height:74px;
background:url(../images/espi-cote-ivoire.jpg) no-repeat 0 0;
}

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

#colonne_gauche dt#espi-maroc-cote-ivoire{
display:block;
width:245px;
height:60px;
background:url(../images/espi-maroc-espi-cote-ivoire.gif) no-repeat top left;
text-indent:-5000px;
}




#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;
display:block;
width:705px;
}

/* 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;
}