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

/*===================================================================
CE QUI N'EST PAS VISIBLE
===================================================================*/


/*===================================================================
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;outline:none;}
a:visited{color:#396;text-decoration:none;outline:none;}
a:hover{color:#396;text-decoration:underline; outline:none;}

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

input[type="text"], textarea {font-family:Arial, Helvetica, sans-serif;border:#396 solid 1px;font-size:12px;padding:2px;margin-bottom:5px;}
input[type="submit"], input[type="reset"]{font-family:Arial, Helvetica, sans-serif;font-size:12px;border:#396 solid 1px;background:#fff;padding:2px;}
input[type="submit"]:hover, input[type="reset"]:hover{background:#396;color:#fff;}
select{margin:0 0 5px 0;font-size:12px;width:56px;}
label{margin:0 2px 0 0;font-size:12px;padding:2px;}

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

blockquote{width:380px;margin-left:67px;}
sup{line-height:80%;font-size:80%}

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

.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;}

/*Lettre d'information - old*/
.categorieReduc{border:#396 solid 1px;margin:0 0 20px 10px;padding:0 5px 0 5px;width:485px;}
/*.catPromo{border:#396 solid 2px;margin:0 0 20px 10px;padding:5px;width:483px;font-size:14px;text-align:center;font-weight:bold;}
.catPromoSpecial{border:#396 solid 2px;margin:0 0 20px 10px;padding:5px;width:483px;font-size:12px;}*/

/*Lettre d'information - 2010*/
/*.navigation {margin:0 0 40px 10px;}*/
.navigation{margin:-10px 0 30px 10px;}
.navigation a {font-size:12px;}
.navigation td {width:100px;line-height:18px;}
.categorie {border:#396 solid 0px;margin:0 0 40px 0;padding:10px;width:495px;background:url(../img/lettre/trameNewsletter.jpg) top no-repeat;}
	.categorie h1{font-size:14px;margin:0 0 20px 0;color:#396;}
	.categorie p{font-size:11px;}
.categorie table {width:495px;}
.categorieAnnonce {border:#396 solid 0px;margin:0 0 35px 0;padding:10px;width:495px;background:url(../img/lettre/trameNewsletter.jpg) top no-repeat;}
.categorieAnnonce h2{font-size:12px;font-weight:bold;margin:0 0 5px 0;color:#396;}
.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;}

/*.printLettre{position:absolute;top:96px;right:10px;font-size:11px;}*/
.printLettre{position:absolute;top:69px;right:10px;font-size:11px;}

.separateur{width:auto;height:25px;}
.retour{text-align:right;font-size:10px;margin:-5px 10px 10px 0;}

.radio{margin:0;padding:0;}

/*lettre d'information*/
/*.imgLettre{float:right;padding:2px 15px 15px 15px;font-size:10px;}*/
/*.insNewsletter{margin:20px 0 50px 0;padding:5px 0 0 0;background:url(../img/degradeNav.jpg) repeat-x top;}*/
.insNewsletter{margin:0;padding:0;}
	.insNewsletter form{margin:10px 0 0 10px;padding:0;}
	.insNewsletter form table tr td{vertical-align:top;margin:0;padding:0;}
	.insNewsletter form input[type="text"]{font-size:11px;font-family:Arial, Helvetica, sans-serif;border:#396 solid 1px;font-size:11px;padding:2px;margin:0;}
	.insNewsletter form input[type="radio"]{padding:0;margin:1px 0 0 0;}
	.insNewsletter input[type="submit"]{font-size:11px;font-family:Arial, Helvetica, sans-serif;border:#396 solid 1px;background:#fff;padding:1px;margin:0;}
	.insNewsletter input[type="submit"]:hover{background:#396;color:#fff;}
	.insNewsletter form label{font-size:11px;font-family:Arial, Helvetica, sans-serif;margin-right:5px;}

/*===================================================================
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:427px;background:#fff;}
#nav p{font-size:10px;}
#partgigogne{padding-left:8px;margin:12px 0 12px 0;}
	#partgigogne p{margin-bottom:3px;}
#facebook{padding:0 0 0 8px;margin:0 0 0 0;}
	#facebook p{margin-bottom:3px;}
#dip{padding:0 0 0 8px;}

#logoVdg{position:absolute;bottom:5px;}
#logo20{position:absolute;top:355px;right:40px;z-index:10;}
#dip{margin-top:25px;}
#dip a, #dip a:visited{color:#999;text-decoration:none;}
#dip a:hover{color:#999;text-decoration:underline;}


#contenuHome{position:absolute;top:0;left:260px;width:515px;}
#contenu{position:absolute;top:0;left:260px;width:515px;background:#fff;min-height:632px;}
/*#contenu2{position:absolute;left:260px;width:495px;}*/
/*#contenu p{margin-bottom:15px;}*/
#contenu table td{vertical-align:top;}

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