/****************************************/
/* 2012 ROUSSEAU POUR TOUS 				*/
/* DÉPARTEMENT DES AFFAIRES CULTURELLES */
/* VILLE DE GENÈVE						*/
/****************************************/

*{margin:0;padding:0;}

/*******************/
/*HTML REDÉFINIES  */
/*******************/
body{font-family:Arial, Helvetica, sans-serif;}
a{outline:none;}
a, a:visited, a:active{color:#069;text-decoration:none;}
a:hover{text-decoration:underline;}
h1{font-family:Georgia, "Times New Roman", Times, serif;font-size:17px;font-weight:normal;margin:0 0 13px 0;padding:0;}
h2{font-family:Georgia, "Times New Roman", Times, serif;font-size:16px;font-weight:normal;margin:30px 0 10px 0;padding:0;}
h3{font-family:Georgia, "Times New Roman", Times, serif;font-size:14px;font-weight:normal;margin:25px 0 10px 0;padding:0;}
p{margin-bottom:13px;font-size:12px;line-height:16px;padding:0;}
table{margin-bottom:13px;}
ul{list-style:disc outside;margin:0 0 15px 15px;}
ol{list-style:decimal inside;}
li{font-size:12px;line-height:17px;}
form{margin:0;padding:0;}
select, option{font-size:11px;}
input{font-size:12px;line-height:12px;border:1px solid;border-color:#069;background-color:#fff;padding:1px 3px 1px 3px;margin:5px 0 5px 0;}
input[type=submit]:hover{background:#069;color:#fff;}
hr {color:#ccc;background-color:#ccc;border:0px;height:1px;margin:20px 0 20px 0;}

/*******************/
/*CLASSES		   */
/*******************/
.bold{font-weight:bold;}
.italique{font-style:italic;}
.petit{font-size:11px;}
.copyright{font-size:11px;color:#ccc;}
.separation{color:#666;background-color:#666;height:1px;border:0;margin:20px 0 10px 0;}

	/*----------------------*/
	/* images de background */
	/*----------------------*/
	.tete_accueil{background:url(../img/header_back_accueil.jpg);}
	.nav_accueil{background:url(../img/nav_back_accueil.jpg) left;}
	.contenu_accueil{background:url(../img/trame_left_accueil.jpg) left repeat-y;position:relative;min-height:1090px;}
	.colonne1_accueil{position:absolute;left:0;bottom:0px;width:62px;min-height:680px;background:url(../img/left_back_accueil.jpg) bottom no-repeat;}
	
	.tete_presentation{background:url(../img/header_back_promenade.jpg);}
	.nav_presentation{background:url(../img/nav_back_promenade.jpg) left;}
	.contenu_presentation{background:url(../img/trame_left_promenade.jpg) left repeat-y;position:relative;}
	.colonne1_presentation{position:absolute;left:0;bottom:0px;width:62px;min-height:593px;background:url(../img/left_back_promenade.jpg) bottom no-repeat;}
	
	.tete_programme{background:url(../img/header_back_botanique.jpg);}
	.nav_programme{background:url(../img/nav_back_botanique.jpg) left;}
	.contenu_programme{background:url(../img/trame_left_botanique.jpg) left repeat-y;position:relative;}
	.colonne1_programme{position:absolute;left:0;bottom:0px;width:62px;min-height:740px;background:url(../img/left_back_botanique.jpg) bottom no-repeat;}
	
	.tete_mediation{background:url(../img/header_back_foret.jpg);}
	.nav_mediation{background:url(../img/nav_back_foret.jpg) left;}
	.contenu_mediation{background:url(../img/trame_left_foret.jpg) left repeat-y;position:relative;}
	.colonne1_mediation{position:absolute;left:0;bottom:0px;width:62px;min-height:740px;background:url(../img/left_back_foret.jpg) bottom no-repeat;}
	
	.tete_mediatheque{background:url(../img/header_back_ville.jpg);}
	.nav_mediatheque{background:url(../img/nav_back_ville.jpg) left;}
	.contenu_mediatheque{background:url(../img/trame_left_ville.jpg) left repeat-y;position:relative;}
	.colonne1_mediatheque{position:absolute;left:0;bottom:0px;width:62px;min-height:740px;background:url(../img/left_back_ville.jpg) bottom no-repeat;}
	
	.tete_partenariats{background:url(../img/header_back_confession.jpg);}
	.nav_partenariats{background:url(../img/nav_back_confession.jpg) left;}
	.contenu_partenariats{background:url(../img/trame_left_confession.jpg) left repeat-y;position:relative;}
	.colonne1_partenariats{position:absolute;left:0;bottom:0px;width:62px;min-height:740px;background:url(../img/left_back_confession.jpg) bottom no-repeat;}

	/*----------------------*/
	/*        Colonnes      */
	/*----------------------*/
	.colonne2{margin:0 0 0 110px;width:480px;min-height:600px;}
		.colonne2 .newsbox, .colonne2 .albumbox{width:100%;padding-top:10px;margin-bottom:50px;}
		.colonne2 .newsbox_intro{border:none;margin-bottom:50px;}
		.colonne2 .newsbox_intro p{font-size:12px;}
		.colonne2 .newsbox_news{background:url(../img/newsbox_trame_bleu.gif);border:#069 solid;border-width:1px 0 0 0;padding:10px;margin-bottom:50px;}
		.colonne2 .newsbox_news h1{}
		.colonne2 .newsbox_news h2{font-size:11px;margin:10px 0 3px 0;padding:0;}
		.colonne2 .newsbox_news p{color:#069;font-size:11px;}
		.colonne2 .newsbox p{margin-bottom:15px;font-size:12px;}
		.colonne2 .lignebox{padding-top:10px;margin-bottom:0;}
		.colonne2 .lignebox p{font-size:11px;}
		.colonne2 .lignebox ul{margin:0;padding:0;list-style-type:none;}
		.colonne2 .lignebox li{font-size:11px;line-height:15px;}
	.colonne2_wide{margin:0 0 0 110px;width:840px;min-height:600px;}
		.colonne2_wide h1{margin-bottom:25px;}
	.colonne3{position:absolute;left:640px;top:0;width:310px;}
		.colonne3 .videobox{border:none;margin-bottom:50px;font-size:12px;}
			.colonne3 .videobox embed {margin-bottom:10px;}
			.colonne3 .videobox iframe {margin-bottom:10px;}
		.colonne3 .newsbox{width:100%;margin-bottom:50px;padding-top:10px;}
		.colonne3 .newsbox p{font-size:12px;}
		.colonne3 .fb_box{border:0;margin:0 0 50px 0;}
		
	/*----------------------*/
	/*   Boites à outils    */
	/*----------------------*/
	.toolbox{background:url(../img/trame_toolbox_bleu.jpg);padding:5px 10px 5px 10px;border:1px solid #69c;margin:0 0 20px 0; font-size:11px;
		-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;behavior:url(../scripts/pie.htc);}
		.toolbox a{margin-bottom:0px;line-height:14px;padding:0;}
		.toolbox h1{font-size:11px;font-weight:bold;margin:0 0 5px 0;}
		.toolbox p{font-size:11px;}
		.toolbox ul li{font-size:11px;}
		.toolbox img{margin:10px 0 5px 0;}
	.picturebox{background:url(../img/trame_toolbox_bleu.jpg);padding:10px;border:1px solid #69c; 
    	-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;behavior:url(../scripts/pie.htc);}
		.picturebox a img {border:solid 1px;padding:0;margin:0 10px 10px 0;}
	.newsletterbox{background:url(../img/trame_toolbox_bleu.jpg);padding:5px 10px 5px 10px;border:1px solid #69c;margin:0 0 20px 0; font-size:11px;
		-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;behavior:url(../scripts/pie.htc);}
		.newsletterbox a{margin-bottom:0px;line-height:14px;padding:0;}
		.newsletterbox h1{font-size:11px;font-weight:bold;margin:0 0 5px 0;}
		.newsletterbox p{font-size:11px;}
		.newsletterbox ul li{font-size:11px;}
	.prog_tools{position:relative;}
	.sNav_toolbox{background:url(../img/trame_toolbox_bleu.jpg);padding:5px 10px 5px 10px;border:1px solid #69c;margin:0 0 20px 0; font-size:11px;behavior:url(../scripts/pie.htc);
		-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;position:absolute;right:0;top:0;width:292px;}
		.toolbox a{margin-bottom:0px;line-height:14px;padding:0;}
	.sNav_programme{background:url(../img/trame_ssProgramme_rose.jpg);padding:5px 10px 5px 10px;border:1px solid #99c;margin:0 0 30px 0; font-size:11px;
		-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;behavior:url(../scripts/pie.htc);width:275px;position:relative;}
		.sNav_programme form{position:absolute;top:3px;left:90px;}
		.sNav_programme form select, .sNav_programme form option {font-size:11px;color:#069;}
	.archivesLIbox{background:url(../img/trame_toolbox_bleu.jpg);padding:5px 10px 5px 10px;border:1px solid #69c;margin:0 0 20px 0; font-size:11px;
			-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;behavior:url(../scripts/pie.htc);}
			.archivesLIbox a{margin-bottom:0px;line-height:14px;padding:0;}
			.archivesLIbox h1{font-size:11px;font-weight:bold;margin:0 0 5px 0;}
			.archivesLIbox p{font-size:11px;}
			.archivesLIbox ul li{font-size:11px;}
	
	/*---------------------------*/
	/* Classes dédiées sur pages */
	/*---------------------------*/
		/*Page d'accueil*/
		.newsbox, .lignebox{border:#069 solid;border-width:1px 0 0 0;}
		.vignette{float:right;margin:0 0 8px 8px;}
		.lifebox{padding:10px 15px 10px 15px;}
			.lifebox h1{font-size:14px;}
			.lifebox p{font-size:13px;line-height:17px;padding:0;}
		.liens_bdp{position:absolute;top:0;left:0;}
		.facebox{position:absolute;top:0;left:130px;}
		.img_logos{position:absolute;top:0;right:0;}
		.albumbox{border:#069 solid;border-width:1px 0 0 0;}
			.albumbox img{margin:0 5px 5px 0;}
			
		/*Page actualités*/
		.occurence_actu{background:url(../img/trame_occurence_actualites.jpg) bottom repeat-x;margin:0 0 35px 0;padding:0 0 5px 5px;}
			.occurence_actu h1{font-size:14px;padding:0 0 3px 0;margin:0 0 8px 0;}
			.occurence_actu h2{font-size:12px;font-family:Georgia, "Times New Roman", Times, serif;margin:2px 12px 2px 0;padding:0;}
			.occurence_actu img{margin-right:12px;}
			.occurence_actu p {font-size:12px;margin:2px 0 15px 0;}
			.occurence_actu table {font-size:11px;line-height:16px;}
			.occurence_actu div{padding:5px 5px 15px 5px;}
			
		/*Ligne de vie*/
		.accesLife{font-size:12px;margin-bottom:45px;}
		.lifebox{margin:0 0 15px 0;padding:25px 0 0 0;border:solid #999;border-width:1px 0 0 0;}
			.lifebox h1{font-size:14px;font-weight:bold;}
			.lifebox h2{font-size:12px;font-weight:bold;}
			.lifebox p{font-size:12px;line-height:17px;padding:0;}
			.retour_top{margin:15px 0 35px 0;}
				.retour_top a{font-size:11px;}
	
		/*Lettre d'information*/
		.cartoucheLigneVie{background:url(../img/trame_ligneVie.jpg);padding:5px 10px 5px 10px;border:1px solid #69c;margin:0 0 20px 0; font-size:11px;
			-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;behavior:url(../scripts/pie.htc);}
			.cartoucheLigneVie h1{font-family:Georgia, "Times New Roman", Times, serif;font-size:16px;font-weight:bold;margin:5px 0 15px 0;padding:0;}
			.cartoucheLigneVie h2{font-family:Georgia, "Times New Roman", Times, serif;font-size:14px;font-weight:normal;margin:0 0 10px 0;padding:0;}
		
		/*Calendrier*/
		.ui-tabs{position:relative;zoom:1;margin-top:30px;} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
		.ui-tabs .ui-tabs-nav {list-style:none;margin:0;padding:1px 0 4px 0;background:url(../img/trame_calendrier.jpg);}
		.ui-tabs .ui-tabs-nav li {display:inline;font-family:Georgia, "Times New Roman", Times, serif;font-size:12px;}
		.ui-tabs .ui-tabs-nav li a {padding:5px;color:#000;text-decoration:none;}
		.ui-tabs .ui-tabs-nav li.ui-tabs-selected {background-color:#c9c;color:#333;padding:5px 0 5px 0;}
		.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {cursor: text;}
		.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {cursor: pointer;} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
		.ui-tabs .ui-tabs-panel {}
		.ui-tabs .ui-tabs-hide {display:none !important;}
		.ui-tabs div {}
		.ui-tabs > div {margin-top:15px;}
		.ui-tabs > div h2 {margin:30px 0 5px 0;font-size:12px;padding-top:8px;border:#ccc solid 1px;border-width:1px 0 0 0;}
		.ui-tabs > div table, .annuel table {font-size:11px;}
		.ui-tabs > div table tr, .annuel table tr{line-height:18px;}
		.ui-tabs > div table td, .annuel table td{padding-left:5px;}
		.legende td {font-weight:bold;}
		.gris{background:url(../img/trame_calendrier_ligne.jpg);}
		.annuel{border:#ccc solid;border-width:1px 0 0 0;margin:30px 0 0 0;}
			.annuel h2{font-size:12px;font-weight:normal;margin:0 0 15px 0;padding:5px 0 0 0;}

		/*Programme*/
		/*.occurence{background:url(../img/trame_occurence_programme.jpg) bottom repeat-x;margin:5px 0 45px 0;padding:0 0 2px 5px;font-size:12px;min-height:200px;}*/
				.occurence{border:dotted #999;border-width:0 0 1px 0;margin:5px 0 50px 0;padding:0 0 2px 5px;font-size:12px;min-height:220px;}
			.occurence h1{font-size:16px;padding:0 0 3px 0;margin:0 0 8px 0;font-variant:small-caps;}
			.occurence h2{font-size:12px;font-family:Georgia, "Times New Roman", Times, serif;margin:-3px 0 0 0;padding:0;}
			.occurence h3{font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:12px;margin:5px 0 10px 0;}
			.occurence h4{font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:12px;margin:5px 0 10px 0;}
			.occurence p{font-size:12px;margin:2px 0 10px 0;width:560px;padding:0;}
			.occurence li {font-size:12px;}
			.vignetteCopy{float:right;font-size:11px;color:#ccc;font-variant:normal;font-family:Arial, Helvetica, sans-serif;}
			table.adresses{border:0;}
			.adresses a, .adresses a:visited{color:#000;}
			.adresses a:hover{color:#069;}
		.cartoucheTitre{width:835px;background:url(../img/trame_toolbox_bleu.jpg);color:#333;padding:5px 0 5px 5px;margin:25px 0 25px 0;}
			h2.cartoucheTitre {font-weight:normal;}
		.toggle{margin:0;padding:0;}
		a.toggleLink{}
		ul.sommaire{margin:-8px 0 15px 15px;}


		/*Comité et organistion*/
		.comite{margin:-5px 0 0 0;}
		.comite li{list-style:none outside;font-size:11px;line-height:16px;margin:0 0 4px 0;padding:0;}
		
		/*Partenaires*/
		.tabPartenaires{border:#ccc solid 1px;width:840px;font-size:11px;}
		.tabPartenaires ul li{font-size:11px;}
		.sep2{height:15px;}
		
		/*Médiathèque*/
		.table_photos{background:url(../img/trame_mediatheque.jpg) repeat-x bottom;}
			.table_photos img{margin:0 8px 8px 0;}
		.table_mediatheque{background:url(../img/trame_mediatheque.jpg) repeat-x bottom;}
			.table_mediatheque td{width:150px;padding:0 10px 0 10px;}
			.table_mediatheque img a{border:solid 1px;}
			.table_mediatheque p{font-size:11px;}
			
		/*Informations pratiques*/
		ul.lieuxInfosPratiques, ol.lieuxInfosPratiques{list-style:upper-alpha outside;margin:0 0 0 20px;}
		ul.lieuxInfosPratiques li{}
		dl.lieuxInfosPratiques dt{font-size:12px;margin-right:5px;float:left;line-height:17px;}
		dl.lieuxInfosPratiques dd{font-size:12px;line-height:17px;}

	
	/*----------------------*/
	/*   Pied 2011          */
	/*----------------------*/
	.nb_pied_1{position:absolute;width:310px;font-size:12px;color:#fff;}
	.nb_pied_2{position:absolute;left:390px;width:310px;font-size:12px;color:#fff;}
		.nb_pied_1 a, .nb_pied_1 a:visited{color:#fff;}
	.nb_pied_3{position:absolute;top:15px;left:750px;}
	.nb_pied_4{position:absolute;top:178px;}
		.nb_pied_4 img{margin-right:22px;}
		


/*******************/
/*BALISES DIVS     */
/*******************/
#conteneur{width:955px;margin:20px auto 0 auto;}
#tete{position:relative;height:64px;}
#insRousseau{margin:-10px 0 10px 0;}
#nav{position:relative;width:955px;margin:0;height:60px;z-index:10;}
	#nav div{position:absolute;right:6px;}
#nav_secondaire{position:absolute;top:31px;right:0px;}
	#nav_secondaire ul {padding:0;margin:0;list-style-type:none;}
	#nav_secondaire li {float:left;position:relative;margin-right:15px;}
	#nav_secondaire a{color:#fff;}
#contenu{position:relative;}
	#pied_11{background:url(../img/pied_dec11.jpg) no-repeat;width:955px;height:280px;margin-bottom:30px;padding:15px 30px 10px 30px;position:relative;}
	#pied, #pied2{position:relative;width:850px;height:130px;margin:40px 0 0 99px;font-size:12px;padding-top:5px;line-height:20px;border:#069 solid;border-width:1px 0 0 0;}
			#pied img{float:right;}