/****************************************/
/* LA VILLE EST A VOUS     				*/
/* DÉPARTEMENT DE LA CULTURE		    */
/* VILLE DE GENÈVE						*/
/****************************************/

/*******************/
/*NON VISIBLES     */
/*******************/


/*******************/
/*HTML REDÉFINIES  */
/*******************/
html,body{margin:15px 0 0 0;padding:0;width:100%;font-family:Georgia, "Times New Roman", Times, serif;}

h1{font-size:30px;font-weight:normal;padding:0;margin:0 0 10px 0;}
p{font-family:Verdana, Arial, Helvetica, sans-serif;}

a, a:visited{color:#09c;text-decoration:none;outline:none;}
a:hover{text-decoration:underline;}

sup{line-height:80%;font-size:80%}

/*******************/
/*CLASSES          */
/*******************/
.normal{font-weight:normal;}
.bold{font-weight:bold;}
.italique{font-style:italic;}
.petit{font-size:10px;}
.boldItalique{font-weight:bold;font-style:italic;}
/*.bleuGras{color:#39c;font-size:10px;font-weight:bold;}*/
.vertGras{color:#093;font-size:10px;font-weight:bold;}
.bandeauHaut {/*position: absolute;height: 190px;width: 700px;float: left;*/}


/*Deux colonnes, la taille se gère directement dans le html*/
.colonne1{position:absolute;top:0;}
.colonne1Quartiers {position:absolute;top:210px;}

.colonne2{position:absolute;top:0;left:395px;}
.colonne2bis{position:absolute;top:0;left:350px;}
.colonne2Quartiers {position:absolute;top:210px;left:350px;float: right;}


/*Boites bleues*/
.box{margin-bottom:25px;}
.box h1{
	background:#808080;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	padding:2px 0 2px 5px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
}
.bleubox h1{background:#09c;color:#fff;font-size:12px;font-weight:bold;padding:2px 0 2px 5px;text-align:left;font-family:Arial, Helvetica, sans-serif;}
.box h2{color:#333;font-size:11px;font-weight:bold;padding:0;margin:15px 0 3px 0;font-family:Verdana, Arial, Helvetica, sans-serif;}
.box p, .bleubox p{font-weight:normal;font-size:10px;line-height:14px;padding:0;margin:0 0 10px 0;}
.box ul{list-style:outside;margin:0 0 20px 16px;padding:0;font-size:10px;}
.box li{margin:0 0 5px 0;padding:0; line-height:12px;font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif;}
.box ul ul{list-style:outside;list-style-type:square;margin:5px 0 10px 30px;padding:0;font-size:10px;}
.box li li{margin:0 0 5px 0;padding:0; line-height:12px;font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif;}

/*Boite quartier*/
.quartier{margin-bottom:15px;}
.quartier h1{font-size:16px;font-weight:bold;padding:0;margin:0;}
.quartier h2{font-size:14px;font-weight:normal;padding:0;margin:0 0 20px 0;}
.quartier p{font-size:10px;padding:0;margin:0 0 20px 0;}

/*boites participants et organisateurs*/
.banner{margin-bottom:10px;}

/*Visuel Home*/
.visuHome{width:350px;height:420px;}

/*Boite dates*/
.date{margin-bottom:25px;}
.date h1{
	background:#808080;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	padding:2px 0 2px 2px;
	text-align:left;
}
.date p{line-height:12px;font-size:10px;padding:2px 0 2px 0;margin:0;}
.gris{background:url(../img/trameDates.jpg) repeat;}
.date a, .date a:visited{color:#333;} /**/
	.datesNew h1{color:#fff;font-size:12px;font-weight:bold;padding:2px 0 2px 2px;margin:0;text-align:left;}
.date a:hover{color:#3cc;} /**/
.datesNew{width:305px;background:#f66;border:#ccc solid 1px;margin-bottom:15px;}

/*Boite vignettes*/
.slider{position:relative;z-index:-1;}

/*******************/
/*BALISES DIVS     */
/*******************/
#conteneur{width:700px;text-align:left;}
#header{margin-bottom:15px;}
	#header img{margin-bottom:20px;}
#contenu{position:relative;text-align:left;}/*définition de la hauteur dans les pages*/
#footer{margin:15px 0 10px 0;border:solid #ccc;border-width:1px 0 0 0;width:700px;text-align:right;}
#footer img{
	margin-top:5px;
	float: right;
}
#bt_fb {
	float: left;
	margin-top: 5px;
}