/* Généralités */
* {font-family: "Trebuchet MS", "Arial", "Verdana", sans-serif; font-size: 12px;}
a {text-decoration: none; color: #888888;}
a:hover {color: #4494d2;}
a img {border: none;}

body {background-color: #E0E0E0;  text-align: center;}
#top, #bottom {width: 500px; margin-left: auto; margin-right: auto; color: white; background-color: #202020;}
#top {text-align: left; padding: 10px 10px 0 10px;}
#top * {color: white;}
#top a:hover {color: #4494d2;}
#top input {color: #202020;}
#top table {width: 100%;}
#bottom {text-align: center; padding: 10px; color: #505050;}
#bottom * {color: #AAAAAA; font-size: 10px;}
#bottom a:hover {color: #4494d2;}
.logo {font-size: 35px; font-weight: bold; margin:0; padding: 0;}
#content {text-align: left; width: 500px; margin-left: auto; margin-right: auto; padding: 10px; background-color: white;}

.error {border: 1px solid red; padding: 10px; background-color: pink;}

input, textarea {border: 1px solid #DDDDDD;}

#navig {float:left; width:100%; background: #202020;}
#navig ul {font-weight: bold; margin:0; padding:0; list-style:none;}
#navig li {background: white; color: black; float:left; margin: 0 3px 0 3px;}
#navig a {color: #888888; background-color: #EEEEEE; display:block; padding: 3px 8px 3px 8px;}
#navig div {color: black; padding: 3px 8px 3px 8px;}
#navig a:hover {color: white; background: #4494d2}

.log_box {/*width: 200px;*/}
.log_box {padding: 0; margin: 0;}
.log_box * {padding: 0; margin: 0;}
.log_box a {color: #AAAAAA;}
.log_box a:hover {color: black;}

h2 {font-size: 15px; color: #AAAAAA;}
h3 {font-weight: bold;}

/*----------*/

.box {width: 100%; padding: 2px;}
.box td {vertical-align: top;}
.cliccell {width: 30px;}
.clicbox {width: 30px; height: 30px; line-height: 30px; text-align: center;}
.clicbox a {display: block}
.linkcell {padding: 0 3px 0 3px}
.comcell {text-align: right; width:50px; height:16px;}
.comcell a {display: block}

.box {border: 1px solid #F0F0F0; background-color: #FAFAFA;}
.clicbox {background: #4494d2 url('./img/strips_blue.gif') repeat-x;}
.ano {background: #4494d2 url('./img/strips_gray.gif') repeat-x;}
.clicbox, .clicbox a {color: white; font-weight: bold;}
.clicbox a {background: #4494d2 url('img/strips_gray.gif') repeat-x;}
.clicbox a:hover {color: white; text-decoration: none; background: #4494d2;}
.linkcell a {color: black;}
.linkcell a:visited {color: #AAAAAA;}
.linkcell a:hover {color: #4494d2;}
.comicon {}
.comicon a {display: block; color: red; background-image:url('img/comment.png'); background-repeat: no-repeat; background-position: right}
.comicon a:visited {color: #AAAAAA;}
.comicon a:hover {color: #4494d2; background-image:url('img/comment_hover.png'); background-repeat: no-repeat; background-position: right}
.flagicon {}
.flagicon a {display: block; background-image:url('img/unhappy.png'); background-repeat: no-repeat; background-position: right}
.flagicon a:hover {background-image:url('img/unhappy_hover.png'); background-repeat: no-repeat; background-position: right}
.flagbox {visibility: hidden; background-color: white; border: 1px solid grey; position:absolute; padding: 3px 5px 3px 5px; text-align: left;}
.flagbox a {display: inline; background-image: none;}
.flagbox a:hover {background-image: none;}

.sousbox {margin-left: 20px;}
.sousbox, .sousbox * {font-size: 10px; color: #AAAAAA;}

/*----------*/

.num {width: 30px; font-size: 20px; font-weight: bold; color: #4494d2; text-align: center;}
.comment {color: #505050}
.sign {font-size: 10px; color: #AAAAAA;}
.sign a {font-size: 10px; color: #AAAAAA;}
.sign a:hover {color: black}
.edit {text-align: right;}

/*----------*/
#linkhead { background-color: #202020; color: white; font-weight: bold; margin: 2px; padding: 0; text-align: left; }
#linkhead .comicon a {background-image:url('img/comment_black.png')}
#linkhead .comicon a:hover {background-image:url('img/comment_hover_black.png')}
.comcell2 {text-align: right; width:30px; height:16px;}


/*----------*/

#head {background-color: #202020; color: white}
#stamp {float: left; padding: 0px 50px 0px 50px; margin: 0px; line-height: 1em}
#stamp h1 {font-size: 20px; font-weight: bold; color: white;}

/*----------*/

.cloud {border: 1px solid #EEEEEE; width: 100%; font-size: 6px; padding: 0px; text-align: justify;}
.cloud a {/*line-height: 25px;*/ margin: 10px 10px 10px 10px; font-weight: bold; color: gray;}
.cloud a:hover {color: black;}

/*----------*/

#largeform input, #largeform textarea {width: 100%;}