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

#mainMenu1 {
	top:470px;
	left:30px;
	position:absolute;
	
	border-top:0px solid #000000;
	border-bottom:0px solid #000000;

	width:400px;
	height:80px;
}

#expokleber {
	top:580px;
    left:228px;
	position:absolute;
	
	border-top:0px solid #000000;
	border-bottom:0px solid #000000;
	
	width:200px;
	height:133px;
	}
	
#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:170px;
	left:470px;
	position:relative;
	padding:2px 2px;
	width:430px;
	
	
}

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


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



h1{
	position:absolute;
	top:68px;
	left:50px;
}

h1, h1 a {
	display:block;
	width:400px;
	height:400px;
}


h1 {
	background: url(headers/sflogo.gif) 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;
}

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

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

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

#mainMenu li{
	float:left;
}

#mainMenu1 li{
	float:left;
}

#expokleber li{
	float:left;
}

#index li{
	float:left;
}

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

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

#expokleber 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:50%;
	height:22px;
	
	background-image: url(menu/index_menu.png);
}

#mainMenu1 li, #mainMenu1 li a{
	display:block;
	width:100px;
	height:23px;
	
	background-image: url(menu/calendrier_menu.png);
}

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

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



#mainMenu li a span {
	display:none;
}

#mainMenu1 li a span {
	display:none;
}

#expokleber 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);
}

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

#expokleber li a:hover, #expokleber li.active a{
	background-image: url(menu/expo_kleber_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 .accueil a,
#mainMenu .film a,
#mainMenu .concert a,
#mainMenu .soireefest a {
	width:220px;
}

/* colone droite */
#mainMenu .exposition,
#mainMenu .rencontre,
#mainMenu .exposition,
#mainMenu .cuisine,
#mainMenu .contact,
#mainMenu .exposition a,
#mainMenu .rencontre a,
#mainMenu .cuisine a,
#mainMenu .contact 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 .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; }


/* colone gauche */
#mainMenu1 .pro,
#mainMenu1 .lundi,
#mainMenu1 .vendredi,
#mainMenu1 .pro a,
#mainMenu1 .lundi a,
#mainMenu1 .vendredi a
{width:100px;}

/* colone numéro 2 */
#mainMenu1 .prog,
#mainMenu1 .mardi,
#mainMenu1 .samedi,
#mainMenu1 .prog a,
#mainMenu1 .mardi a,
#mainMenu1 .samedi a
{width:100px;}

/* colone numéro 3 */
#mainMenu1 .progr,
#mainMenu1 .mercredi,
#mainMenu1 .dimanche,
#mainMenu1 .progr a,
#mainMenu1 .mercredi a,
#mainMenu1 .dimanche a
{width:100px;}


/* colone droite */
#mainMenu1 .progra,
#mainMenu1 .jeudi,
#mainMenu1 .programme,
#mainMenu1 .progra a,
#mainMenu1 .jeudi a,
#mainMenu1 .programme a
{width:100px;}


#mainMenu1 .pro,		#mainMenu1 .pro a			{ background-position: 0px -4px; }
#mainMenu1 .lundi, 	#mainMenu1 .lundi a 			{ background-position: 0px -30px; }
#mainMenu1 .vendredi, #mainMenu1 .vendredi a 		{ background-position: 0px -55px; }

#mainMenu1 .prog,		#mainMenu1 .prog a			{ background-position: -100px -4px; }
#mainMenu1 .mardi, 	#mainMenu1 .mardi a 			{ background-position: -100px -30px; }
#mainMenu1 .samedi, #mainMenu1 .samedi a 			{ background-position: -100px -55px; }

#mainMenu1 .progr,		#mainMenu1 .progr a			{ background-position: -200px -4px; }
#mainMenu1 .mercredi, #mainMenu1 .mercredi a 		{ background-position: -200px -30px; }
#mainMenu1 .dimanche, #mainMenu1 .dimanche a 		{ background-position: -200px -55px; }

#mainMenu1 .progra,		#mainMenu1 .progra a		{ background-position: -298px -4px; }
#mainMenu1 .jeudi, #mainMenu1 .jeudi a 				{ background-position: -298px -30px; }
#mainMenu1 .programme, #mainMenu1 .programme a 		{ background-position: -298px -55px; }



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

#expokleber .lien,		#expokleber .lien 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:#ffffff;
}
#footer a {
	color:#ffffff;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}