body { background-color: #999; padding: 10px 0 }
* { border:0; padding:0; margin:0; font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif }
a { color: #c00; text-decoration: underline }
a:hover, a:focus { color: #333; text-decoration: none }
a span { display: none }
p, .txt, fieldset, label { color: #666 }
p, .txt { line-height: 17px; padding-top: 10px; text-align: justify; color: #666 }
h1 { font-size: 140%; font-family: Georgia, "Times New Roman", Times, serif; padding-top: 13px; color: #c00 }
ul { list-style: none }
sup, sub { font-size: 9px }
hr { border-top:1px solid #ccc;margin:3px 0 }

#main table { border-collapse: collapse; margin-top: 3px; background: #fff }
#main table td { border: 1px solid #ccc; padding: 1px 3px }
#main table td a { text-decoration: none }

#main table.noborder td { border: 0 }
#main .entetecol td { font-weight: bold }

#main table.listing, #main table.browser, #main table.heads { width:550px }
#main table.browser * { padding: 0; margin: 0; border: 0 }
#main table.browser td.icon img, #main table.browser td.icon a, .inlineclass { vertical-align: middle; display: inline-block }
#main table.browser td.date { width: 9%; text-align: right }
#main table.browser td.deledit { width: 9%; text-align: left; white-space: nowrap }
#main table.listing * {  }
#main table.listing td.texte { background: url('images/texte.gif') no-repeat 50% 4px }
#main table.listing td.justif { text-align: justify; height: 25px }

#main table.heads { margin: 6px 4px }
#main table.heads td.photo { background: url('images/ico_photo.gif') no-repeat 95% 1px; padding-right: 20px }

.petit, .petitalic, .petit td { font-size: 88% }
.petitalic { font-style: italic }
.edit { display: block; width: 16px; height: 16px; background: url('images/ico_edit.gif'); float: left; margin-right: 5px }
.spacer { clear: both }

.alerte, .complete, .alerte * { font-weight: bold; font-size: 15px; }
.alerte { background: url('images/class_alerte.gif') no-repeat 0 0; padding-left: 20px; color: #3D82FF }
.alerte * {  }
.complete { color: #000; }

/* tableau */
.liste td { border-top: 1px solid #ccc; padding: 2px 0 }
.liste td.first { border: 0 }
.liste td a { color: #c00; text-decoration: none }
.liste td a:hover { color: #666; text-decoration: underline }

#master, #header, #toplinks { margin: 0 auto; position: relative; width: 778px }
#toplinks { margin: 3px auto; }
#toplinks * { color: #fff; text-decoration: none }
#toplinks a:hover { text-decoration: underline overline }
#toplinks #selected { color: #000; text-decoration: none }
#master { z-index: 1 }
#header { z-index: 2; background: url('images/head2008.jpg'); height: 111px }
#header #haut_g { background: url('images/head_image.gif'); width:137px; height:133px; top: 2px }
#header #haut_logo { background: url('images/head_logo.gif'); width:151px; height:80px; margin-left: 585px; top: 16px }
#header #haut_texte { background: url('images/head_texte.gif'); width:374px; height:82px; margin-left: 140px; top: 7px }
#header #haut_g, #header #haut_logo, #header #haut_texte, #header a { position:absolute }
#header a { display: block; width:140px; height:113px; top: 15px }

#main { padding: 10px; padding-top: 17px; background: #fff; width: 556px; border-left: 1px solid #ccc }
#main h1 { background: url('images/filetH1.gif') 0 100% no-repeat; padding-left: 7px; padding-bottom: 4px }
#main h2, #main h3 { font-size: 125%; padding-top: 7px; color: #666 }

#main #thehub h2 { padding-top: 22px; font-style: normal }

#main h3 { font-size: 107%; font-style: normal; color: #666 }
#main h4 { font-size: 117%; color: #666 }
#main img { margin: 3px 10px 0 0 }
#main img.right { margin: 5px 0 0 10px }
#main ul { padding-top: 7px }
#main li { color: #666; background: url('images/puce.gif') no-repeat 5px 4px; padding: 0 0 3px 17px }
#main .bigimg { margin:7px 0 }
#main .relatif, #main .flottant { position: relative }
#main .relatif a { position: absolute; top: -7px }
#main .relatif a.readall { right: 5px; font-weight: bold }

a.admina { color: #093 }
a.admina:hover { color: #000 }

#main .flottant p.folio { position: absolute; top: -9px; right: 15px; width: auto; margin: 0; padding: 0 }
#main p.folio span { visibility: hidden }
#main p.folio a { position: relative }

#main #press h3 { padding:2px 0; color: #666 }

div.onglet, div.highlight, div.mapnews { margin-top: 13px }
div.onglet, div.highlight { width: 62px; height: 18px; background: url('images/focus.gif') }
div.highlight { width: 84px; background: url('images/highlight.gif') }
#main div.focus, div.mapnews { text-align: justify; position: relative; border: 1px solid #ccc; padding: 9px; background: #f5f5f5 }
div.mapnews { background: #f5f5f5 url('images/mapnews.gif') no-repeat 5px 50%; padding-left: 33px }
#main div.focus p { line-height: 154%; color: #333; padding: 0 }
#main div.focus h1 { background: none; padding: 0; margin: 0 }
#main div.focus img { float: left; _float: none }
#main div.coinH, #main div.coinB { position: absolute; width: 18px; height: 18px }
#main div.coinH { background: url('images/focus_coin_haut.gif'); top: -1px; right: -1px; _top: 0; _right: 10px }
#main div.coinB { background: url('images/focus_coin_bas.gif'); bottom: -1px; right: -1px; _display: none }

#main, #menu { vertical-align: top }
#menu, #menu #pied, #menu #cadre { width: 200px }

#menu { background: url('images/fond_droite.jpg') repeat-y right top }
#menu #menutitre { background: url('images/fond_titre.jpg'); width:177px; height:25px }
#menu #menutitre h1 { color: #fff; padding: 2px 0 0 9px; font-size: 123% }
#menu #cadre {  }
#menu li { float: left; position: relative; width:177px }
#menu li ul { display: none; position: absolute; top: 0; right: 178px; _right: 176px }
#menu li:hover ul, #menu li.over ul { display: block } /* sous-menu ; filter: alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.9 */
#menu a { background-image: url('images/a.jpg'); color: #fff; display: block; width:167px; padding: 3px 0 3px 10px; height: auto; text-decoration: none; font: 13px arial, sans-serif }
/* special */
#menu a { background-position: 0 110px }
#menu a:hover, #menu a:focus, #menu a.actif { background-position: 0 88px; color: #fff }
#menu a.sub, #menu a.submember { background-position: 0 44px }
#menu a.sub:hover, #menu a.submember:hover, #menu a.subactif { background-position: 0 66px }
#menu a.submemberactif { background-position: 0 22px }
#menu a.ppp { background-position: 0 0; color: #f30 }
#menu a.ppp:hover { color: #fff }
#menu a.stby, #menu a.stby:hover { background: url('images/a.jpg'); color: #ccc }
#menu li ul a { border-right: 1px solid #ccc }
#menu a.actif, #menu a.stby, #menu a.sub, #menu a.subactif, a.passif { cursor: default }
#menu #pied { background: url('images/a_pied.jpg') no-repeat; height:60px }
#menu li ul#submenuser { top: -66px }

.flag { padding: 0 0 0 13px }
.flag h2 { height: 22px; background: url('images/flag_france.gif') no-repeat; padding: 3px 0 0 40px; margin-top: 17px; font-style: normal }
.flag h2.germany { background-image: url('images/flag_germany.gif') }
.flag h2.czech { background-image: url('images/flag_czech-republic.gif') }
.flag h2.greece { background-image: url('images/flag_greece.gif') }
.flag h2.italy { background-image: url('images/flag_italy.gif') }
.flag h2.lith { background-image: url('images/flag_lithuania.gif') }
.flag h2.uk { background-image: url('images/flag_united-kingdom.gif') }
.flag h2.spain { background-image: url('images/flag_spain.gif') }
.flag h2.port { background-image: url('images/flag_portugal.gif') }
.flag h2.nether { background-image: url('images/flag_netherlands.gif') }
.flag h2.rou { background-image: url('images/flag_roumania.gif') }
.flag h2.aus { background-image: url('images/flag_austria.gif') }
.flag h2.belg { background-image: url('images/flag_belgium.gif') }
.flag h2.hung { background-image: url('images/flag_hungary.gif') }
.flag h2.pol { background-image: url('images/flag_poland.gif') }
.flag h2.bulga { background-image: url('images/flag_bulga.gif') }
.flag h2.sweden { background-image: url('images/flag_sweden.gif') }
.flag h2.europe { background-image: url('images/flag_europe.gif') }

#quickaccess { padding-top: 7px }

#footer { background: url('images/foot.jpg'); height:15px }

#map { width: 100% }
#map tr { vertical-align: top }
#map td { width: 50% }
#map a.stby, #map a.stby:hover { color: #999; cursor: default; text-decoration: none }

#loginfo { position:relative }
#loginfo p { position:absolute; top:-20px; right:5px; padding-left: 37px; background:url('images/class_profile.gif') no-repeat 0 13px }

#main table.ganttable td { width: 16%; border: 1px solid #333; font-size: 90% }
.gantt { background: #f60; color: #fff }
.ganttwp { background: #fc6 }
.ganttitre { background: #eee }