/*******************************************************************/
/*Feuille de style - Site internet 20ans/20francs.ch			   */
/*copyright Departement des affaires culturelles - Ville de Geneve */
/*******************************************************************/

/*===================================================================
CE QUI N'EST PAS VISIBLE
===================================================================*/
#titre, #nav, #logoVdg, #logo20, .retour, .catPromo, .printLettre, .categorieAnnonce, table.navigation, .insNewsletter {display:none;}

/*===================================================================
GÉNÉRAL
===================================================================*/
* {margin:0;padding:0;color:#000;}

/*===================================================================
REDÉFINITION DES BALISES HTML
===================================================================*/
body{font-family:Arial, Helvetica, sans-serif;background:url(../img/degrade.jpg) repeat-x #fff;}

a{color:#396;text-decoration:none;}
a:visited{color:#063;text-decoration:none;}
a:hover{color:#396;text-decoration:underline;}

h1{font-size:14px;margin:15px 0 8px 0;}

input {border:#396 solid 1px;font-size:10px;font-family:Arial, Helvetica, sans-serif;padding:1px 0 1px 0;}
label{margin-right:2px;font-size:10px;}

ol{font-size:12px;margin-left:75px;}
li{margin-bottom:6px;}

blockquote{}

/*===================================================================
DÉFINITIONS DE CLASSES
===================================================================*/
.gras{font-weight:bold;}
.italique{font-style:italic;}
.petit{font-size:10px;}

.vignettes{margin:0 10px 10px 0;}

.navimg{margin:8px 0 5px 8px;}

.bouton{background:#fff;border:#396 solid 1px;padding:0;}
.bouton:hover{background:#9c9;border:#396 solid 1px;}

.titreImage{padding:10px 0 25px 0;width:auto;text-align:center;}

.etablissements p{font-size:12px;margin-bottom:15px;}
.combienLieu{padding-right:75px;}

/*.categorie{border:#396 solid 1px;margin:0 0 40px 0;padding:15px;}*/

.imgBandeau{margin:0 0 15px 210px;}
.categorie {border:#396 solid 1px;margin:0 0 40px 0;padding:10px;width:700px;}
	.categorie h1{font-size:14px;margin:0 0 20px 0;color:#396;}
	.categorie p{font-size:12px;}
.categorie table {width:700px;}
.lieuAgenda, .lieuAgenda:visited {color:#000;}
.categorie ul {list-style:outside circle;padding:0;margin:-5px 0 20px 0;}
.categorie li {font-size:11px;margin-left:15px;margin-bottom:5px;line-height:12px;}

.imgLettre{float:right;padding:0 15px 15px 15px;font-size:10px;}
/*===================================================================
DÉFINTIONS DE BALISES DIVS
===================================================================*/
#conteneur{position:relative;margin:20px 0 0 0;width:775px;text-align:left;}

/*partie de gauche
#titre{margin-bottom:10px;}
#nav{position:relative;width:250px;height:400px;background:#fff;}
#nav p{font-size:10px;}
#newsletter,#partgigogne,#dip{padding:15px 0 0 8px;}
#logoVdg{position:absolute;bottom:5px;}
#logo20{position:absolute;top:335px;right:40px;z-index:10;}
#dip{margin-top:35px;}
#dip a, #dip a:visited{color:#999;text-decoration:none;}
#dip a:hover{color:#999;text-decoration:underline;}*/


#contenu{padding:10px;width:600px;}
/*#contenu2{position:absolute;left:260px;padding:10px;width:495px;}*/
#contenu p{font-size:12px;margin-bottom:15px;}
#contenu table td{vertical-align:top;}
#contenu input{margin:0 0 5px 0;font-size:12px;}
#contenu select{margin:0 0 5px 0;font-size:12px;width:56px;}
#contenu label{font-size:12px;padding:2px;}

#impression{font-size:10px;position:absolute;right:10px;top:5px;}