/* made by Matthieu CABY (c) 2004 */
/* http://caby.dyndns.org/        */

/* basic styles and definitions */
a, p, body, ul, li, h1, h2, h3, td, th {font: 13px/17px georgia, verdana, arial, sans-serif}
a, p, body, ul, li, td, th {color: #000; font-weight: normal}
hr {border-top: 1px dotted #D48B00; color: #FFBD40; border-right: 0 none; border-bottom: 0 none; border-left: 0 none}
img {border: 0 none}
li {list-style-position: outside; list-style-type: disc; margin: 0}

/* body */
body, html {font-size: 13px; padding: 0; margin: 0; background: #666 url(extreme.png) repeat}

/* links */
a {font-weight: normal}
a:link {color: #205160; text-decoration: none}
a:visited {color: #205160; text-decoration: none}
.itembody a:link, .itembody a:visited {padding: 0 2px; color: #2E768D; text-decoration: underline}
a:hover, .itembody a:hover, h3.item a:hover, .smaller a:hover {background-color: #4081BF; color: #FFF}

/* headlines */
h1, h2, h3, h3 a, h4 {font-size: 13px; font-weight: bold}
h1 {color: #FFF; font-weight: bold; background: #0066B2; padding: 15px 10px 38px 5px; font-size: 22px; margin: 0 -20px; text-align: left; display: block; border-bottom: 1px solid #000}
h2 {font-size: 14px; line-height: 20px; color: #fff}
h3, h3 a:link, h3 a:visited {font-size: 14px; color: #000; padding: 1px 2px}
h3.comment, h3.comment a {margin-bottom: 5px; font-size: 12px}
h3.comment {font-weight: normal}
h3.comment a:hover {background-color: #4081BF; color: #FFF}
h4 {color: #000; padding: 2px 0 2px 20px; font-weight: normal; background: #ADE800 url(script.gif) 5px 5px no-repeat; border: 1px outset}
.itembody h4 {border: 0 none; border-bottom: 1px solid #666; background: #ADE800 url(text.gif) 5px 5px no-repeat; padding: 2px 0 2px 20px}

/* article title - default skin */
h3.item {font-size: 17px; line-height: 32px; font-weight: bold; color: #036; margin-top: 10px; padding-left: 20px; font-family: Arial, Helvetica, sans-serif}
/* ADD icone differente en fonction du theme */
h3.Cinéma {background: url(lightbulb_a.gif) 0 5px no-repeat}
h3.Extrait {background: url(text.gif) 0 5px no-repeat}
h3.Film {background: url(lightbulb_a.gif) 0 5px no-repeat}
h3.Image {background: url(button-media.gif) 0 5px no-repeat; padding-top: 5px}
h3.Lecture {background: url(hist.gif) 0 5px no-repeat}
h3.Musique {background: url(lightbulb_a.gif) 0 5px no-repeat}
h3.Pensée {background: url(speak.gif) 0 5px no-repeat}
h3.Rêve {background: url(chaticon.gif) 0 0 no-repeat; height: 23px; padding-left: 30px}
h3.Sexe {background: url(giro.gif) 0 5px no-repeat; height: 19px}
h3.Sortie {background: url(lightbulb_a.gif) 0 5px no-repeat}
h3.Surf {background: url(remote_a.gif) 0 5px no-repeat}
h3.Technique {background: url(config.gif) 0 5px no-repeat; padding-top: 5px}
h3.Test {background: url(lightbulb_a.gif) 0 5px no-repeat}

h3.item a:link, h3.item a:visited {font-size: 17px; font-weight: bold; color:#036; font-family: Arial, Helvetica, sans-serif}
h3.item a:hover {background-color:#4081BF; color: #FFF}

/* div to center everything on a page and set max width to make it readable */
#content {width: 912px; border: 1px outset #000; margin: 20px auto; padding: 0 20px; background-color: #9C0; z-index: 1}

#email {width: 14px; line-height: 10px; margin-left: 876px; margin-top: -77px; margin-bottom: 60px;margin-right: -15px}
#email a{background: url(mailto.gif) no-repeat right}
#cle {width: 19px; line-height: 8px; margin-left: 868px; margin-top: -72px; margin-bottom: 60px; margin-right: -15px}
#cle a{background: url(cle2.gif) no-repeat right}
#citation {font-size: 0.8em; text-align: right; margin-top: -60px; margin-bottom: 25px; margin-right: -15px; color: #FFF; font-family: Georgia, "Times New Roman", Times, serif}

/* articles */
#items {color: #000; float: left; height: 100%; padding: 20px; margin: 0 0 20px 0; width: 540px; background-color: #fff; z-index: 2; border: 2px outset #555}
* html body #items{margin-left: 7px}
#items hr{border:0 none;border-top: 1px dotted #666;color:#F0ECE1}

/* menu */
#menu {color: #000; float: left; text-align: left; width: 130px; height: 100%; padding: 10px; background-color: #DCDCDC; margin-bottom: 20px; border: 1px outset #555}
#menu, #menu *{font-family: "Trebuchet MS", arial, "sans serif"; font-size:11px}
#menu h2{font-size:12px; line-height:16px; margin: 10px 0 5px 0; padding:2px 0; font-weight: bold; text-align:center; color:#2F587B; border:1px inset #EFEFEF}
#menu hr{border:0 none; border-top: 1px dotted #666;color:#E3DBC6}

/* ajout */
#ajout {color: #000; float: left; text-align: left; width: 130px; height: 100%; padding: 10px; background-color: #DCDCDC; margin-bottom: 20px; border: 1px outset #555}
* html body #ajout{margin-left: 7px}
#ajout, #ajout *{font-family: "Trebuchet MS", arial, "sans serif"; font-size:11px}
#ajout h2{font-size: 12px; line-height: 16px; margin: 10px 0 5px 0; padding: 2px 0; font-weight: bold; text-align: center; color: #2F587B; border: 1px inset #EFEFEF}
#ajout hr{border:0 none; border-top: 1px dotted #666; color:#E3DBC6}

/* manchette */
#manchette {color: #000; text-align: justify; width: 520px; padding: 10px; background-color: #DCDCDC; border: 1px outset #555}


/* go to a page box */
#navigation {padding:5px 10px; color:#000; text-align:right;margin-top:20px; border-top:1px solid #D4C9AA}

/* menu navigation */
.nav {border:1px outset #DFDFDF}
.nav a:link,.nav a:visited {display: block; line-height: 16px; padding: 1px 0 1px 10px; text-align: left; color: #353535; background: #D4D4D4}
.nav a.active:link,.nav a.active:visited{color: #1C5161;background: #F4F4F4;font-size: 13px}
.nav a:hover {background-color: #4081BF; color: #FFF}
.nav a.active:hover {background-color: #4081BF; color: yellow}
.nav#search {width: 100px; float: right}
.nav#search a:link,.nav#search a:visited {font-size: 11px}

/* article */
.itembody *{font-size: 14px; line-height: 19px; color: #000; font-weight: normal; text-align: justify}
.itembody p, .itembody li, .itembody ul, .itembody input{margin-bottom: 5px}

/* floating pictures in itembody */
.itembody .leftbox {float: left; background: url(shadowAlpha.png) no-repeat bottom right; margin: 15px 15px 10px 0; line-height: 0}
.itembody .leftbox img  {display: block; position: relative; background-color: #fff; border: 1px solid #a9a9a9; margin: -5px 5px 5px -5px; padding: 4px; line-height: 0}
.itembody .rightbox {float: right; background: url(shadowAlpha.png) no-repeat bottom right; margin: 15px 0 10px 15px; line-height: 0}
.itembody .rightbox img {display: block; position: relative; background-color: #fff; border: 1px solid #a9a9a9; margin: -5px 5px 5px -5px; padding: 4px; line-height: 0}

/* article info */
.iteminfo{font-size: 11px; color: #000; margin: 20px 0; text-align: center}
.iteminfo a,.iteminfo a:link,.iteminfo a:visited{font-size:11px}
.iteminfo a:hover{color: #FFF}

.readmore {text-align: right; margin-bottom:15px}

/* shoutbox */
.chatform {text-align: right}
.chattable{border: 1px solid #9F9F9F; border-bottom: 1px solid #F4F4F4; height: 240px; overflow: auto; width: auto}

/* blockquote and table with 2 differentlu colored rows */
blockquote{padding: 5px 10px; margin: 10px; color: #000; font-weight: normal; background-color: #F6F3ED; border: 1px solid #D4D4D4}
.tabulka,.tabulka td,.tabulka tr{padding: 5px; color: #000; font-weight: normal}
blockquote .prvni, .tabulka .prvni,.tabulka .prvni td,.tabulka .prvni tr{padding: 2px 5px; border-bottom: 1px solid #666}
blockquote .druhy, .tabulka .druhy,.tabulka .druhy td,.tabulka .druhy tr{padding: 2px 5px; border-bottom: 1px solid #666}
blockquote p,.tabulka p{margin: 0; padding: 0}
blockquote h4,.tabulka h4{margin: 0; padding: 1px 1px 1px 10px; font-size: 12px; line-height: 14px}

blockquote#commentpreview p {margin:5px}

/* phpBB like text formatting */
.b{font-weight:bolder}
.i{font-style:italic}
.z{font-style:normal; font-variant:small-caps}
.u{text-decoration:underline}
.t{margin: 5px 20px; padding: 5px; border:1px solid #797979; border-bottom: 2px solid #363636; border-right: 2px solid #363636}
.c,.r{color: red}
.m,.l{color: blue}
.skip{display: none}

/* forms */
fieldset{padding: 5px; margin: 5px 0;  border-style: groove}
legend{font-weight: bold; margin-bottom: 5px; padding-right: 10px; color: #223649}
.highlight{background-color: #F0E68C; color: #000; padding: 2px}

/* source code */
pre{background-color: #FFF; border: 1px solid #797979; border-bottom: 2px solid #363636; border-right: 2px solid #363636; color: #00017D; padding: 5px; margin: 0; overflow: auto; font-size: 13px; line-height: 15px; font-family: "Arial Narrow",Arial, "Lucida Grande CE", lucida, sans-serif}

/* list */
ul{margin-top: 5px}
ul li{margin: 5px 0 5px 20px; margin-top: 5px; margin-left: 20px}
.itembody ul li {margin-left: 0}
/* ADD mouvement de fleche dans le menu */
#ajout ul, #menu ul {padding: 0; margin: 0; list-style-type: none} 
#ajout li, #menu li {list-style-type: none} 
#ajout li a, #menu li a {padding-left: 17px; background: url(arrow.gif) no-repeat 0 50%} 
#ajout li a:hover, #menu li a:hover {background: url(arrow.gif) no-repeat 4px 50%} 
#wishlist, #wishlist li a, #wishlist li a:hover {list-style-type: none; padding-left: 0; background: none}

/* tables */
th {font-weight: bold; background-color:#E4F0E4; border:1px ridge #E4F0E4; padding:3px}
td {padding: 3px}

/* rss links */
#rss {line-height: 0; text-align: center; margin:0 auto}
#rss a:link,#rss a:visited,#rss a:hover {padding: 0; margin: 0; text-decoration: none; line-height: 0}
#rss img{border: 0; width: 80px; height: 15px; line-height: 0; padding: 0; margin: 0; text-align: center; margin:0 auto}

/* footer */
#footer{clear: both; text-align: center; padding: 2px 0; margin: 0 -20px; font-size: 11px; background-color: #AEEA00; border-top: 1px solid #000}
#footer a {font-size:12px}
  
 /* forms */
.formfield {background-color: #EEE9DB; border: 1px solid #8E7A47}
.formbutton {background-color: #E9E4D5; border: 1px solid #8E7A47; margin-top: 2px; padding:0; font-size: 12px}
textarea {width: 90%}
fieldset, table {-moz-border-radius: 10px}

/* code, pre highlighter */
.highlight_php, .highlight_javascript, .highlight_xml, .highlight_css {background-color: #FFFAF0; border: 1px solid #120A8F; padding: 2px}
.hl-main {font-family: monospace; font-size: 11px}
.hl-default {color: #000}
.hl-code {color: #7f7f33}
.hl-brackets {color: #939}
.hl-comment {color: #F90}
.hl-quotes {color: #00007F}
.hl-string {color: #C00}
.hl-identifier {color: #000}
.hl-reserved {color: #060}
.hl-inlinedoc {color: #00F}
.hl-var {color: #00C}
.hl-url {color: #F00}
.hl-special {color: #00F}
.hl-number {color: #32CD32}
.hl-inlinetags {color: #F00}

/* general comment form */
#commentform {text-align: right}

/* comments Opera, Mozilla */
h4+ol {margin: 0; padding: 0}
h4+ol li {list-style: none; margin: 0; padding: 1px}
h4+ol address {font-size: 12px; font-style: normal; text-align: left; color: #F1F8FA; background: #70A0CF url(speak.gif) 4px 3px no-repeat; padding: 1px 10px 1px 20px; margin: 0; height: 17px; border: 1px ridge #70A0CF}
h4+ol address a:link,h4+ol address a:visited{color: #fff}
h4+ol p {background-color: #EAEAEA; font-size: 13px; line-height: 18px; margin: 5px 0; text-align: justify; padding: 5px 10px}
h4+ol ins {font-size: 10px; font-weight: bold; text-align: right; text-decoration: none; color: #000; background-color: transparent; padding: 1px 5px 0 0; height: 17px; display: block; border-bottom: 1px solid #DFDFDF; margin-bottom: 20px}
h4+ol>li>a {text-indent: 30px; color: #010101; background-image: url(pencil.png); background-repeat: no-repeat; background-position: 4px 3px; padding: 0; border-top: 1px solid #DFDFDF; width: 100%; height: 18px; bottom: 0; display: block; font-size: 11px; margin-bottom: 3px}
h4+ol>li>a:hover {background-color: transparent; color:red}
.current {background-color: #CEE8F0}
.parent {background-color: #F8F3C7}
.child {background-color: #F6D4C9}
.notPart, .notPart *, .notPart p[id]::before {color: #ccc; background-color: transparent !important; border-color: #BFBFBF !important}
.notPart p[id]::before, .notPart ins {border-top: 1px solid #ccc}
.notPart a, h4+ol>.notPart>p>span:first-child {color: #ccc}
.indent .current {background-color: #CEE8F0; margin: 0 30px 30px 30px}
.indent .parent {background-color: #F8F3C7; margin: 0 60px 30px 0px}
.indent .child {background-color: #F6D4C9; margin: 0 0 30px 60px}
.indent .notPart {display: none}
.current p, .parent p, .child p, .indent p {background-color: transparent}
li .reset {display: none}
.current .reset, .parent .reset, .child .reset, .notPart .reset {display: inline}
.current .show, .parent .show, .child .show, .notPart .show {right: 50px}
h4+ol dfn {right: 0; color: #F1F8FA; background-color: transparent; border: 0 solid; font-size: 11px; cursor: pointer; font-style: normal; padding-right: 7px; margin-top: 1px; line-height: 16px; float: right}

/* comments hacks for MSIE */
* html body address {background: #70A0CF url(speak.gif) 4px 3px no-repeat; padding: 1px 10px 2px 20px; margin: 10px 0 0 0; height: 17px; color: #F1F8FA; font-style: normal; border: 1px ridge #70A0CF}
* html body address a:link,* html body address a:visited {color: #fff; font-weight: bold}
* html body li, ol  {list-style: none; padding: 0; margin: 0}
* html body ins {font-size: 10px; font-weight: bold; text-align: right; text-decoration: none; color: #000; background-color: transparent; padding: 1px 5px 0 0; height: 17px; display: block; border-bottom: 1px solid #DFDFDF; margin-bottom: 20px}
* html body ol p {margin: 5px 0; padding: 5px 10px; background-color: #EAEAEA; font-size: 13px; line-height: 18px}
* html body ol p a:link {text-decoration: underline}
* html body dfn {right: 0; color: #000; background-color: transparent; border: 0 solid; font-size: 11px; cursor: pointer; font-style: normal; padding-right: 7px; margin-top: 1px; line-height: 16px; float: right}

/* mozilla borders */
table,fieldset {-moz-border-radius:10px}
h4,blockquote,#menu h2, #ajout h2 {-moz-border-radius:8px}
#items,#menu, #ajout, #manchette {-moz-border-radius:15px}

/* comment form js helpers */
#toolbar {display: block; margin: 5px 0; float:right}
#toolbar a:link,#toolbar a:visited {display: block; float: left; width: 50px; height: 15px; background-color: #AEEA00;  border: 1px outset; margin: 3px; text-align: center; font-size: 11px; line-height: 14px; color:#000; -moz-border-radius: 3px}
#toolbar a:hover {background-color: #CD5C5C; color: #FFF; border-style:inset}

/* ADD date */
/* #items h2{line-height:14px; margin:10px 0 5px 0; padding:4px 10px 4px 3px; text-align:right; font-weight: bold} */
#items h2 {font-size: 12px; color: #000;width: 100px;margin-left: 450px;margin-top: 50px}
.jour, .mois, .annee {display: block; text-align: center}
.jour {font-size: 40px; line-height: 30px}
.mois {line-height: 24px}
.annee {font-size: 24px; line-height: 20px}
.cache {visibility: hidden}
.barre {text-decoration: line-through}
.souligne {text-decoration: underline}