/****************************************/
/* MAC_09				   				*/
/* DÉPARTEMENT DES AFFAIRES CULTURELLES */
/* VILLE DE GENEVE						*/
/****************************************/

/*******************/
/*HTML REDÉFINIES  */
/*******************/
*{margin:0;padding:0;}
body{font-family:Arial, Helvetica, sans-serif;}
a{outline:none;color:#f09;}
a, a:visited, a:active{text-decoration:none;} 
a:hover{text-decoration:underline;}
p{font-size:12px;}
sup{line-height:80%;font-size:80%}

select{background:#f09;color:#fff;}
option{color:#fff;font-size:12px;}

input{border:solid #f09 1px;padding:1px 1px 0 1px;background:#fff;}

/* button submit */
input[type="submit"], input[type="reset"]{border:#f09 1px solid;padding:5px;margin:10px 0 15px 0;font-size:11px;height:25px;width:70px;}
input[type="submit"]:hover, input[type="reset"]:hover{background-color: #f09;color:#fff;padding:5px;margin:10px 0 15px 0;font-size:11px;}



/*******************/
/*CLASSES		   */
/*******************/
.bold{font-weight:bold;}
.italique{font-style:italic;}
.petit{font-size:11px;}

/*Menu de redirection*/
.redirection{width:230px;}

/*liste a puce normale*/
ul .listeAPuce{margin:0 0 20px 15px;font-size:15px;}
ul li .listeAPuce{list-style-position:outside;margin:0 0 5px 0;padding:0;line-height:16px;font-size:15px;}

/*Vignette image dans newsbox - Page d'accueil*/
.vDroite{float:right;margin:0 0 10px 10px;}
.vGauche{float:left;margin:0 10px 10px 0;}

/*Newsbox avec bordure haute*/
.nb{border:#000 solid;border-width:12px 0 0 0;margin:0 0 30px 0;padding:15px 0 0 0;}
.nb h1, .nbsb h1, .nbr h1{font-size:14px;font-weight:bold;margin:0 0 10px 0;padding:0;}
.nb p, .nbsb p, .nbr p{margin:0 0 10px 0;padding:0;}
.nb ul{list-style:none;margin:0 0 25px 0;}
.nb li{list-style-position:outside;margin:0 0 5px 0;padding:0;line-height:12px;font-size:11px;}

/*Newsbox sans bordure haute*/
.nbsb{margin:0 0 20px 0;}

/*Newsbox avec bordure rose*/
.nbr{border:#f09 solid;border-width:12px 0 0 0;margin:0 0 20px 0;padding:15px 0 0 0;}
.nbr ul{list-style:none;margin:0 0 25px 0;}
.nbr li{list-style-position:outside;margin:0 0 5px 0;padding:0;line-height:15px;font-size:11px;}
.nbr select{width:340px;margin-bottom:20px;}

/*Newsbox thématique - programme*/
.nb_theme{border:#000 solid;border-width:12px 0 0 0;margin:0 0 20px 0;padding:15px 0 0 0;}
.nb_theme h1{font-size:14px;font-weight:bold;margin:0 0 20px 0;padding:0;}
.nb_theme h2{font-size:12px;font-weight:bold;margin:0 0 10px 0;padding:0;}
.nb_theme h3{font-size:11px;font-weight:bold;margin:0 0 3px 0;padding:0;}
.nb_theme h4{font-size:11px;font-weight:bold;margin:15px 0 10px 0;padding:0;}
.nb_theme ul{list-style:none;margin:0 0 25px 20px;}
.nb_theme li{list-style-position:outside;margin:0 0 10px 0;padding:0;line-height:13px;font-size:12px;}
.lien_noir{color:#000;font-weight:bold;}
.lien_noir:hover{color:#f09;font-weight:bold;}

/*Newsbox liste themes*/
.nb_acces_theme{border:#f09 solid;border-width:12px 0 0 0;margin:0 0 20px 0;padding:15px 0 0 0;}
.nb_acces_theme h1{font-size:14px;font-weight:bold;margin:0 0 20px 0;padding:0;}
.nb_acces_theme h2{font-size:11px;font-weight:bold;margin:0 0 10px 0;padding:0;}
.nb_acces_theme ul{list-style:none;margin:0 0 20px 20px;}
.nb_acces_theme li{list-style-position:outside;margin:0 0 10px 0;padding:0;line-height:7px;font-size:11px;}


.colProg{height:27400px;}




/*Newsbox fond noir - programme*/
.nb_black{margin:0 0 20px 0;background:#000;color:#fff;padding:27px 10px 10px 10px;}
.nb_black h1{font-size:14px;font-weight:bold;margin:0 0 20px 0;padding:0;}
.nb_black ul{list-style:none;margin:0 0 25px 0;}
.nb_black li{list-style-position:outside;margin:0 0 5px 0;padding:0;line-height:13px;font-size:12px;}
.lien_blanc{color:#fff;font-weight:bold;}
.lien_blanc:hover{color:#f09;font-weight:bold;}

/*Newsbox fond white - programme*/
.nb_white{margin:0 0 20px 0;}
.nb_white h1{font-size:14px;font-weight:bold;margin:0 0 20px 0;padding:0;}
.nb_white ul{list-style:none;margin:0 0 25px 0;}
.nb_white li{list-style-position:outside;margin:0 0 5px 0;padding:0;line-height:12px;}

/*Newsbox entete de programme*/
.nb_prog_tete{background:#000;color:#fff;padding:10px 10px 5px 10px;margin:0 0 25px 0;}
.nb_prog_tete h1{font-size:14px;margin:0 0 10px 0;}
.nb_prog_tete a, .nb_prog_tete a:visited{color:#fff;}
.nb_prog_tete a:hover{color:#f09;text-decoration:underline;}
.nb_prog_tete p{line-height:14px;margin-bottom:5px;}

/*Tableau microsillons*/
.microsillons td{border:#ccc solid ;border-width:0 0 1px 0;padding:0px;margin:0;}
.jourMicro{border:0; background:#f09;color:#fff;font-size:11px;}

/*Newsbox événement de programme*/
.nb_prog{margin-bottom:40px;}
.nb_prog h1, .nb_artiste h1{font-size:12px;font-weight:normal;border:#000 solid;border-width:0 0 1px 0;padding:0 0 3px 0;margin:0 0 15px 0;}
.nb_prog h2, .nb_artiste h2{font-size:12px;font-weight:bold;margin:0 0 3px 0;padding:0;}
.nb_prog h3{font-size:11px;font-weight:bold;margin:0 0 15px 0;padding:0;}
.nb_prog p, .nb_artiste p, .nb_artisteIndex p{margin: 0 0 10px 0;padding:0;line-height:16px;font-size:11px;}
.nb_prog ul, .nb_artiste ul{margin:0 0 20px 15px;}
.nb_prog li, .nb_artiste li{list-style-position:outside;margin:0 0 5px 0;padding:0;line-height:16px;font-size:11px;}
.pseudoh4{font-size:12px;font-weight:normal;margin:0 0 0 0;}
.sep{border:#ccc solid;border-width:1px 0 0 0;width:100%;margin:15px 0 15px 0;padding:0;}

.annule{background:#f09;padding:3px 5px 3px 5px;color:#fff;margin-left:8px;}

/*Newsbox artistes*/
.nb_artiste{margin-bottom:30px;border:#000 solid;border-width:1px 0 0 0;padding-top:8px;}
.nb_artisteIndex{margin-bottom:40px;padding-top:-5px;}
/*******************/
/*BALISES DIVS     */
/*******************/
#conteneur{position:relative;width:980px;margin:30px auto 0 auto;}

/*Colonnes*/
#colonnes{}
#c1{position:absolute;width:230px;background:#000;}
	#col_mac_titre{position:absolute;top:0;}
	#col_mac_dates{position:absolute;bottom:0;}
#c2{position:absolute;left:250px;width:230px;}
#c3{position:absolute;left:500px;width:230px;}
	#c3_2{position:absolute;left:500px;width:480px;}
#c4{position:absolute;left:750px;width:230px;}
#c2_prog{position:absolute;left:250px;width:730px;}
#c3_prog{position:absolute;top:280px;left:250px;width:730px;}

/*Navigation*/
#navbox{width:230px;border:#f09 solid;border-width:12px 0 0 0;padding:10px 0 0 0;margin-bottom:35px;font-size:12px;color:#000;}
#navbox ul {list-style:none;margin:0;padding:0;}
#navbox li {width:230px;margin:0;padding:0;font-weight:bold;}
#navbox p{padding:5px 0 5px 3px;margin:0;}
#navbox li a {display:block;padding:5px 0 5px 3px;font-size:12px;height:100%;color:#f09;text-decoration:none;background:url(../img/bouton_navigation.gif) repeat 0 0;}
#navbox li a:hover, #navbox li a:focus, #navbox li a:active {background-position:-230px 0;color:#fff;text-decoration:none;}


/*Pied de page*/
#footer{position:relative;border:#000 solid;border-width:1px 0 0 0;height:120px;}
	#outils{position:absolute;top:20px;left:0;font-size:12px;}
		#outils form{margin:0 0 5px 0;}
	#logos{position:absolute;top:20px;right:0;}