body { background-color:#85aad6; color:#333; font-size: 12px; font-family: Arial, helvetica, Geneva, Verdana, sans-serif; line-height: normal; text-align: center; margin: 15px 10px 10px; padding: 0; }
* { margin: 0; padding: 0; }
a { color: #333; text-decoration: underline; }
a:hover { color: #630; }
img { border: none; }
.txt10 { font-size: 10px; }
.txtcolor { color: #630; }
.txtstrong { font-weight: bold; }
.souligne { padding-bottom: 4px; border-bottom: 1px dotted #630; }
h1, h2, h3, p { margin: 0; }
/*CONTENEUR*/
#hackconteneur { width: 800px; margin: 0 auto 10px; padding: 0; }
#conteneur { background-color: #dedede; text-align: left; padding: 0 10px 10px; border-color: #f8f8f8 #b1b1b1 #b1b1b1 #f8f8f8; border-style: solid; border-width: 1px; }
/* -------------------------
/*  TETE
/*  -------------------------*/
#logo { background-image: url(../img/Logo_Lili.gif); background-repeat: no-repeat; background-position: 240px 0; position: relative; height:95px           }
#logo h1, #logo h2 { display: none; }
#couloptions { position: absolute; top: 77px; left: 536px; }
/*Menu haut*/
#navbar { background-color: #f0f0f0; text-align: center; margin-bottom: 16px; padding-top: 1px; padding-bottom: 1px; border-color: #f8f8f8 #b1b1b1 #b1b1b1 #f8f8f8; border-style: solid; border-width: 1px; }
#navbar strong { display: none; }
#navbar a { text-decoration: none; padding-right: 0.5em; padding-left: 0.5em; }
/* -------------------------
/*  ZONE MODIFIABLE
/*  -------------------------*/
#modif {  }
#page { background-color: #fff; padding-top: 32px; border-style: solid; border-width: 1px; border-color: #b1b1b1 #f8f8f8 #f8f8f8 #b1b1b1; }
.guillemets { background-image: url(../img/guillemets.gif); background-repeat: no-repeat; background-position: 285px 5px; }
#pageTxtCentre { background-color: #fff; text-align: center; padding-top: 32px; min-height: 200px; border-style: solid; border-width: 1px; border-color: #b1b1b1 #f8f8f8 #f8f8f8 #b1b1b1; }
.bloc-page { width: 100%; }
.pied { clear: both; }
.lignepointille { clear: both; margin-right: 68px; margin-bottom: 20px; margin-left: 38px; padding-top: 10px; border-bottom: 1px dotted #630; }
/* -------------------------
/*  COLONNE GAUCHE
/*  -------------------------*/
.colgauche { width: 240px; float: left; margin-bottom: 10px; margin-left: 38px; display: inline; }
.droite { float: right; }
/* -------------------------
/*  COLONNE DROITE
/*  -------------------------*/
.coldroit { width: 400px; margin-bottom: 10px; margin-left: 308px; }
.coldroit h1 { color: #630; font-size: 14px; text-transform: uppercase; margin-bottom: 1em; }
.coldroit h2 { font-size: 13px; margin-bottom: 0.75em; }
.coldroit h3 { color: #630; font-size: 12px; margin-bottom: 0.25em; }
.coldroit p.chapeau { font-weight: bold; margin-bottom: 0.75em; }
.coldroit p { line-height: 1.3em; margin-bottom: 1em; }
.lead { margin-top: 0; }
p.credit { font-size: 10px; font-style: italic; margin-top: -0.75em; }
p.legende { font-size: 10px; font-weight: bold; font-style: italic; line-height: 12px; margin-top: 0.25em; }
#compocom { background-image: url(../img/compocom.gif); background-repeat: no-repeat; background-position: left 0; width: 160px; height: 40px; margin-bottom: 10px; cursor: pointer; }
#compocom h3 { display: none; }
/* -------------------------
/*  EXPO - PRESS
/*  -------------------------*/
#hackexpo { width: 482px; height: 348px ; margin-right: auto; margin-left: auto; }
#expo { border-color: #b1b1b1 #f8f8f8 #f8f8f8 #b1b1b1; border-style: solid; border-width: 1px; }
#hackpress { width: 482px; margin-right: auto; margin-bottom: 32px; margin-left: auto; }
#press { height: 408px; overflow: auto; border: solid 1px #b1b1b1; }
#press hr { margin: 15px 80px; }
/* -------------------------
/*  ZONE INDEX
/*  -------------------------*/
#indexbox { margin-top: 16px; border-color: #f8f8f8 #b1b1b1 #b1b1b1 #f8f8f8; border-style: solid; border-width: 1px; }
#indexmenuG { width: 130px; float: left; margin-top: 16px; }
#indexmenuD { margin-top: 16px; width: 120px; float: right; }
#indexbox ul { font-size: 12px; line-height: 1.5em; margin-left: 15px; list-style-type: none; white-space: nowrap; }
#indexbox ul.droit { margin-right: 15px; margin-left: 0; }
#indexbox li a { background-image: url(../img/fleche_liste.gif); background-repeat: no-repeat; background-position: left center; text-decoration: none; width: 100%; padding-left: 10px; display: block; }
#indexgalerie { margin-top: 6px; margin-left: 147px; width: 482px; height: 75px; margin-bottom: 6px; }
/* -------------------------
/*  FORMULAIRE
/*  -------------------------*/
.coldroit #form { margin-top: 1em; margin-bottom: 2em; }
.coldroit #form p { font-size: 11px; line-height: 1.3em; margin-top: 1em; }
input, textarea   { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #f8f8f8; width: 300px; padding: 2px; border-bottom: 1px dotted #630; border-top-style: none; border-right-style: none; border-left-style: none; }
/* -------------------------
/*  ZONE MODIFIABLE - FIN
/*  -------------------------*/
/* -------------------------
/*  MENU BAS
/*  -------------------------*/
#menubas { font-size: 10px; padding-top: 0.5em; }
#menubas a { color: #333; text-decoration: none; }
#menubas a:hover {  }