/* BASIC */
@import url(content.css);


img {
	border:0;
	}

/* LAYOUT */

#page {
	width:970px;
	position:relative;
	margin:3px auto 0 auto;
	padding:17px 17px 0 17px;
	
	background:#ffffff url(bg/head.png) repeat-y;
	
	
}

#mainMenu {
	top:67px;
	left:470px;
	position:absolute;
	
	border-top:0px solid #000000;
	border-bottom:0px solid #000000;
	
	width:450px;
	height:135px;
	}


#promocine {
	top:830px;
	left:65px;
	position:absolute;
	border-top:0px solid #000000;
	border-bottom:0px solid #000000;
	width:200px;
	height:50px;
	}
	
#promocine1 {
	top:230px;
	left:826px;
	position:absolute;
	border-top:0px solid #000000;
	border-bottom:0px solid #000000;
	width:100px;
	height:60px;
	z-index: 2;
	}
	
#index {
	top:35px;
	left:18px;
	position:absolute;
	
	border-top:0px solid #000000;
	border-bottom:0px solid #000000;
	
	width:970px;
	height:655px;
	}
	
#cinema {
	top:630px;
	left:30px;
	position:absolute;
	
	border-top:0px solid #000000;
	border-bottom:0px solid #000000;
	
	padding:0px;
	background-image: url(menu/cinema_iranien_strasbourg.png);
	
	width:400px;
	height:142px;
	}

#content {
	
	top:200px;
	left:470px;
	position:relative;
	padding:2px 2px;
	width:430px;
	z-index: 1;
	
	
}

#footer {
	width:1004px;
	padding-top:28px;
	margin:0 auto;
	background:url(bg/foot.png) no-repeat bottom;
}


body {
	background: #ffffff ;
	font-family:Verdana, Geneva, Arial, sans-serif;
	font-size:11px;
}



h1{
	position:absolute;
	top:424px;
	left:908px;
}

h1, h1 a {
	display:block;
	width:50px;
	height:50px;
	z-index: 3;
}


h1 {
	background: url(headers/blanc.jpg) no-repeat;
	
}



h1 a span {
	display:none;
}







/* CONTENU */
 #content {
	min-height:654px;
	_height:654px;
}


/* MENU */

#mainMenu{
	list-style:none;
	list-style-position:inside;
	
	padding:3px;
}


#promocine{
	list-style:none;
	list-style-position:inside;
	
	padding:0px;
}

#promocine1{
	list-style:none;
	list-style-position:inside;
	
	padding:0px;
}

#index{
	list-style:none;
	list-style-position:inside;
	
	padding:0px;
}

#mainMenu li{
	float:left;
}


#promocine li{
	float:left;
}

#promocine1 li{
	float:left;
}

#index li{
	float:left;
}

#mainMenu li a {
	font-size:8px;
	color:#000000;
	text-decoration:none;
}


#promocine li a {
	font-size:8px;
	color:#000000;
	text-decoration:none;
}

#promocine1 li a {
	font-size:8px;
	color:#000000;
	text-decoration:none;
}

#index li a {
	font-size:8px;
	color:#000000;
	text-decoration:none;
}

#mainMenu li, #mainMenu li a{
	display:block;
	width:224px;
	height:22px;
	
	background-image: url(menu/index_menu.png);
}


#promocine li, #promocine li a{
	display:block;
	width:200px;
	height:50px;
	
	background-image: url(menu/bouton_promo.jpg);
}

#promocine1 li, #promocine1 li a{
	display:block;
	width:100px;
	height:60px;
	
	background-image: url(menu/benevole.jpg);
}

#index li,  #index li a{
	display:block;
	width:970px;
	height:655px;
	
	background-image: url(headers/index.gif);
}



#mainMenu li a span {
	display:none;
}

#promocine li a span {
	display:none;
}

#promocine1 li a span {
	display:none;
}

#index li a span {
	display:none;
}


#mainMenu li a:hover, #mainMenu li.active a{
	background-image: url(menu/index_menu_over.png);
}

#promocine li a:hover, #promocine li.active a{
	background-image: url(menu/bouton_promo_over.jpg);
}

#promocine1 li a:hover, #promocine1 li.active a{
	background-image: url(menu/benevole_over.jpg);
}

#index li a:hover, #index li.active a{
	background-image: url(headers/index.gif);
}

/* colone gauche */
#mainMenu .accueil,
#mainMenu .film,
#mainMenu .concert,
#mainMenu .soireefest,
#mainMenu .theatre,
#mainMenu .calendrier,
#mainMenu .accueil a,
#mainMenu .film a,
#mainMenu .concert a,
#mainMenu .soireefest a
#mainMenu .theatre a, 
#mainMenu .calendrier a,
{
	width:220px;
}

/* colone droite */
#mainMenu .exposition,
#mainMenu .rencontre,
#mainMenu .exposition,
#mainMenu .cuisine,
#mainMenu .contact,
#mainMenu .benevole,
#mainMenu .version,
#mainMenu .exposition a,
#mainMenu .rencontre a,
#mainMenu .cuisine a,
#mainMenu .contact a 
#mainMenu .benevole a,
#mainMenu .version a,
{
	width:220px;
}


#mainMenu .accueil, #mainMenu .accueil a 				{ background-position: -6px -4px; }
#mainMenu .film, #mainMenu .film a 						{ background-position: -6px -26px; }
#mainMenu .concert, #mainMenu .concert a 				{ background-position: -6px -50px; }
#mainMenu .soireefest, #mainMenu .soireefest a 			{ background-position: -6px -72px; }
#mainMenu .theatre, #mainMenu .theatre a 			    { background-position: -6px -94px; }
#mainMenu .calendrier, #mainMenu .calendrier a 		    { background-position: -6px -115px; }

#mainMenu .exposition, #mainMenu .exposition a 		{ background-position: -230px -4px; }
#mainMenu .rencontre, #mainMenu .rencontre a 		{ background-position: -230px -26px; }
#mainMenu .cuisine, #mainMenu .cuisine a 			{ background-position: -230px -50px; }
#mainMenu .contact, #mainMenu .contact a 			{ background-position: -230px -72px; }
#mainMenu .benevole, #mainMenu .benevole a 			{ background-position: -230px -94px; }
#mainMenu .version, #mainMenu .version a 			{ background-position: -230px -115px; }



/* Lien promocine */
#promocine .lien
{width:200px;}

#promocine1 .lien1
{width:100px;}

#promocine .lien,		#promocine .lien a			{ background-position: 0px 0px; }

#promocine1 .lien1,		#promocine1 .lien1 a			{ background-position: 0px 0px; }




/* index */
#index .accueil
{width:970px;}

#index .accueil,		#eindex .accueil a	        { background-position: 0px 0px; }



/* FOOTER */
#footer {
	text-align:center;
	color:#8B0000;
	font-size:10px;
}
#footer a {
	color:#8B0000;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}